relax check to include whitespace (results in different output); wording

src/compiler/compile/compiler_errors.ts

@@ -236,7 +236,7 @@ export default {
 	},
 	css_invalid_global_selector_position: {
 		code: 'css-invalid-global-selector-position',
-		message: ':global(...) which not at the start of selector sequence should not contain type or universal selector'
+		message: ':global(...) not at the start of a selector sequence should not contain type or universal selectors'
 	},
 	css_invalid_selector: (selector: string) => ({
 		code: 'css-invalid-selector',

src/compiler/compile/css/Selector.ts

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

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

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

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

@@ -2,5 +2,4 @@
 	.foo:global(div) {
 		color: red;
 	}
-	
+</style>
-</style>