How to select all anchor tags that are children of the nav tag?

Question

The CSS rules aren't being applied to the html document.

nav > a {
  color: #ffffff;
}

<nav>
  <ul>
    <li><a href="#">About</a></li>
    <li><a href="#">Store</a></li>
    <li><a href="#">Login</a></li>
  </ul>
</nav>

The expectation is that the color would be white, it isn't it nothing changes.

Answer 1

The > means "direct child" and in your case it's not a direct child. You can use nav a which means "every a in nav"

nav a {
    color: #ffffff;
}

<nav>
  <ul>
    <li><a href="#">About</a></li>
    <li><a href="#">Store</a></li>
    <li><a href="#">Login</a></li>
  </ul>
</nav>

Answer 2

Try it

nav > ul > li > a {
    color: #ffffff;
}

Answer 3

Your problem is with the >, do this in your css instead:

nav a {
    color: #ffffff;
}