How do I apply scoped styles to 'a' tag generated by Link?

I’ve got a Nav component:

<script>
import {Link} from 'svelte-routing';
</script>

<style>
  a {
    color: #bedead;
    text-decoration: underline;
  }
</style>

<nav>
  <a href="somewhere">Get me somewhere</a>
  <Link to="/signin">Sign in</Link>
  <Link to="/signup">Sign Up</Link>
</nav>

Is there any way to make scoped a styles to be applied to anchors generated by Linkcomponent?

[konclave]

Okay, thank you.

[EmilTholin]

Hi @konclave!

You could use the :global modifier in order to style all anchor tags inside of your nav.

<style>
  nav :global(a) {
    color: #bedead;
    text-decoration: underline;
  }
</style>