handle universal selectors

src/generators/extractSelectors.ts

@@ -74,6 +74,7 @@ function selectorAppliesTo(parts: Node[], node: Node, stack: Node[]): boolean {
 		}
 
 		else if (part.type === 'TypeSelector') {
+			if (part.name === '*') return true;
 			if (node.name !== part.name) return false;
 		}
 

src/generators/shared/processCss.ts

@@ -44,7 +44,12 @@ export default function processCss(
 			const child = block[i];
 			if (child.type === 'PseudoElementSelector' || child.type === 'PseudoClassSelector') continue;
 
-			code.appendLeft(child.end, attr);
+			if (child.type === 'TypeSelector' && child.name === '*') {
+				code.overwrite(child.start, child.end, attr);
+			} else {
+				code.appendLeft(child.end, attr);
+			}
+
 			return;
 		}
 	}
@@ -64,7 +69,7 @@ export default function processCss(
 
 				if (firstToken.type === 'TypeSelector') {
 					const insert = firstToken.end - offset;
-					const head = css.slice(start, insert);
+					const head = firstToken.name === '*' ? css.slice(firstToken.end - offset, insert) : css.slice(start, insert);
 					const tail = css.slice(insert, end);
 
 					transformed = `${head}${attr}${tail}, ${attr} ${selectorString}`;

test/css/samples/cascade-false-universal-selector/_config.js

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

test/css/samples/cascade-false-universal-selector/expected.css

@@ -0,0 +1,4 @@
+
+	[svelte-2950902288] {
+		color: red;
+	}

test/css/samples/cascade-false-universal-selector/expected.html

@@ -0,0 +1 @@
+<div svelte-2950902288=""></div>

test/css/samples/cascade-false-universal-selector/input.html

@@ -0,0 +1,7 @@
+<div></div>
+
+<style>
+	* {
+		color: red;
+	}
+</style>

test/css/samples/universal-selector/expected.css

@@ -0,0 +1,4 @@
+
+	[svelte-2950902288], [svelte-2950902288] * {
+		color: red;
+	}

test/css/samples/universal-selector/input.html

@@ -0,0 +1,7 @@
+<div></div>
+
+<style>
+	* {
+		color: red;
+	}
+</style>