fix validation for global compound selector (#8344)

src/compiler/compile/css/Selector.ts

@@ -189,7 +189,7 @@ export default class Selector {
 					index !== 0 &&
 					selector.children &&
 					selector.children.length > 0 &&
-					!/[.:#\s]/.test(selector.children[0].value)
+					!/[.:#\s]/.test(selector.children[0].value[0])
 				) {
 					component.error(selector, compiler_errors.css_invalid_global_selector_position);
 				}

test/validator/samples/css-invalid-global-placement-5/errors.json

@@ -0,0 +1,12 @@
+[{
+	"code": "css-invalid-global-selector-position",
+	"message": ":global(...) not at the start of a selector sequence should not contain type or universal selectors",
+	"start": {
+		"line": 2,
+		"column": 5
+	},
+	"end": {
+		"line": 2,
+		"column": 21
+	}
+}]

test/validator/samples/css-invalid-global-placement-5/input.svelte

@@ -0,0 +1,7 @@
+<style>
+	.foo:global(div.bar) {
+		color: red;
+	}
+</style>
+
+<div class="foo" />