How to apply styles to slot element in Svelte?

The trick here is to opt in to the cascade, using the :global(...) modifier. In your List component:

<style>
  ul :global(a) {
    color: red;
  }
</style>

That means ‘any a elements that are children of this component’s ul element, whether they belong to this component or not, should be red’.