:global applied to multiple selectors should be an error

[hjalmar]

Describe the bug
Prefixing a css global to give it scope only scopes the first selector.

To Reproduce
https://svelte.dev/repl/aaed36026d014e34b45aedef9630b55f?version=3.31.2

Expected behavior

article.svelte-1nz7a1b div.svelte-1nz7a1b h1, article.svelte-1nz7a1b div.svelte-1nz7a1b h2, article.svelte-1nz7a1b div.svelte-1nz7a1b h3 {
    background-color: red;
}

Current behaviour

article.svelte-1nz7a1b div.svelte-1nz7a1b h1, h2, h3 {
    background-color: red;
}

Information about your Svelte project:
Latest svelte repl.

Severity
Not severe.

[Conduitry]

Honestly I'm thinking that :global(h1, h2, h3) should probably be a compiler error. It's not really clear to me what it should mean. I don't think article div :global(h1, h2, h3) should be a shortcut for article div :global(h1), article div :global(h2), article div :global(h3), which is what this issue seems to be suggesting.

[hjalmar]

It would be nice in the aspect of reducing redundant code, however keeping true to the native css way it would probably be best to not introduce some custom logic. But with that said, if :global(h1, h2, h3) would still continue to be acceptable I would regard this as unexpected behavior.

[Conduitry]

In 3.38.3, this is now a compiler error.

[dsebastien]

I'm facing an issue while trying to integrate daisyUI in my Svelte application: saadeghi/daisyui#252 (comment)

I think it is related to this issue. Can anyone help me understand what the problem is and what possible fixes are? Is it a problem on Svelte's end or on daisyUI's?