arderary

    // Parent.svelte
    <script>
      import Child from "./Child.svelte"
    </script>

    <style>
      .container :global(.child) {
        color: red // your styles here
      }
    </style>

    <div class="container">
      <Child className="child" />
    </div>

    // Child.svelte
    <script>
      export let className
    </script>

    <h1 class={className}>I am styled by my parent</h1>