Describe the bug

Problem:
If styles are defined as nested parent > child selectors, they do net get applied to the child element inside the snippet.

Workaround:
Use :global() selector or directly target the element.

Expected Behaviour:
The behaviour is consistent to how one previously had to style nested components.
However as the snippet code lives in the same document, the behaviour now seems unintuitive.

{#snippet my_snippet()}
  <span> Hello world </span>
{/snippet}

<div>{@render my_snippet()}</div>

<style>
  div > span, div  span {
    background-color: red;
    /* this doesn't work */
  }

  div > :global(span) {
    letter-spacing: 10px;
    /* this works */
  }

  span {
    text-decoration: underline;
    /* this works */
  }
</style>

Reproduction

REPL to reproduce

Logs

No response

System Info

Svelte v5.0.0-next.32

Severity

annoyance