
Vale hay una cosa que me está jodiendo mucho de Svelte, y es que cuando tienes por ejemplo este HTML:
<div> <componente-hijo class="child" /> </div>
No puedes dar estilos a la clase .child (esto si que funciona en Vue), tienes que andar con :global y pillando selector padre.
Una solución a esto es meter, en el componente hijo, que meta la clase de los propios props, algo de este estilo
<div class={$$props.class}> Componente hijo </div>
De todas formas en el padre vas a necesitar el :global en los estilos.
https://svelte.dev/repl/765f182ddd75 486a8f6cf0b3ba75f276?version=3.49.0
Esta solución tampoco me gusta porque tienes que poner eso en todos los componentes.
Yo creo que está mejor resuleto en Vue, porque automáticamente la clase que pones desde el padre llega al HTML del hijo y además la puedes seleccionar sin andar con :global y cosas de esas.