Merge pull request #660 from sveltejs/gh-658

put attribute selector before pseudo-class selector

src/generators/shared/processCss.ts

@@ -87,6 +87,11 @@ export default function processCss(
 						shouldTransform = false;
 					}
 
+					else if (child.type === 'PseudoElementSelector') {
+						code.prependRight(c, attr);
+						shouldTransform = false;
+					}
+
 					c = child.end;
 				});
 

test/css/samples/cascade-false-pseudo-element/_config.js

@@ -0,0 +1,3 @@
+export default {
+	cascade: false
+};

test/css/samples/cascade-false-pseudo-element/expected.css

@@ -0,0 +1,12 @@
+
+	span[svelte-583610229]::after {
+		content: 'i am a pseudo-element';
+	}
+
+	span[svelte-583610229]:first-child {
+		color: red;
+	}
+
+	span[svelte-583610229]:last-child::after {
+		color: blue;
+	}

test/css/samples/cascade-false-pseudo-element/input.html

@@ -0,0 +1,15 @@
+<span></span>
+
+<style>
+	span::after {
+		content: 'i am a pseudo-element';
+	}
+
+	span:first-child {
+		color: red;
+	}
+
+	span:last-child::after {
+		color: blue;
+	}
+</style>