diff --git a/src/compiler/compile/compiler_errors.ts b/src/compiler/compile/compiler_errors.ts index 5733ccaed7..b0ffead6e0 100644 --- a/src/compiler/compile/compiler_errors.ts +++ b/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', diff --git a/src/compiler/compile/css/Selector.ts b/src/compiler/compile/css/Selector.ts index 1508d26c25..c0819a233f 100644 --- a/src/compiler/compile/css/Selector.ts +++ b/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); } diff --git a/test/validator/samples/css-invalid-global-placement-4/errors.json b/test/validator/samples/css-invalid-global-placement-4/errors.json index f72bfe00f5..216dcea05e 100644 --- a/test/validator/samples/css-invalid-global-placement-4/errors.json +++ b/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 diff --git a/test/validator/samples/css-invalid-global-placement-4/input.svelte b/test/validator/samples/css-invalid-global-placement-4/input.svelte index 93645baab2..641e91cab0 100644 --- a/test/validator/samples/css-invalid-global-placement-4/input.svelte +++ b/test/validator/samples/css-invalid-global-placement-4/input.svelte @@ -2,5 +2,4 @@ .foo:global(div) { color: red; } - - \ No newline at end of file +