bug fix

src/generators/extractSelectors.ts

@@ -32,8 +32,10 @@ export default function extractSelectors(css: Node) :Node[] {
 				const applies = selectorAppliesTo(parts, node, stack.slice());
 
 				if (applies) {
+					// add svelte-123xyz attribute to outermost and innermost
+					// elements — no need to add it to intermediate elements
 					node._needsCssAttribute = true;
-					if (selector.children.find(isDescendantSelector)) stack[0]._needsCssAttribute = true;
+					if (stack[0] && selector.children.find(isDescendantSelector)) stack[0]._needsCssAttribute = true;
 				}
 			}
 		});
@@ -43,7 +45,7 @@ export default function extractSelectors(css: Node) :Node[] {
 }
 
 function isDescendantSelector(selector: Node) {
-	return selector.type === 'WhiteSpace'; // TODO or '>'
+	return selector.type === 'WhiteSpace' || selector.type === 'Combinator';
 }
 
 function selectorAppliesTo(parts: Node[], node: Node, stack: Node[]): boolean {

test/css/samples/omit-scoping-attribute-descendant-global-inner-class/_config.js

@@ -0,0 +1,7 @@
+export default {
+	cascade: false,
+
+	data: {
+		raw: '<p>raw</p>'
+	}
+};

test/css/samples/omit-scoping-attribute-descendant-global-inner-class/expected.css

@@ -0,0 +1,4 @@
+
+	.foo[svelte-2122726581] .bar {
+		color: red;
+	}

test/css/samples/omit-scoping-attribute-descendant-global-inner-class/expected.html

@@ -0,0 +1 @@
+<div svelte-2122726581="" class="foo"></div>

test/css/samples/omit-scoping-attribute-descendant-global-inner-class/input.html

@@ -0,0 +1,9 @@
+<div class='foo'>
+	<!-- html injected somehow -->
+</div>
+
+<style>
+	.foo :global(.bar) {
+		color: red;
+	}
+</style>