I've been struggling to simply alter the default NavBar in Bootstrap3 so that even if a menu item isn't selected it will still show up with white text (instead of grayed out text).

I obviously have a limited understanding of CSS selectors. I don't understand the > and/or when the following selector would be applied to my HTML.

Can you turn this into an HTML sample using divs and an a tag to show me what the hierarchy of the HTML tags would be?

```
.navbar-default .navbar-nav > .active > a {color:white}

<div class="navbar-default">
      <div class="navbar-nav active"> 
          <a href="test.com">asdfasdfasdf</a>
      </div>
</div>

```

Is my guess, right or is it something else?

Here's the real example of the hierarchy which I am attempting to alter so that the text will simply show up as white.

```
<div class="navbar-collapse collapse">
    <ul class="nav navbar-nav">
       <li ><a href="main">Main</a></li>
       <li ><a href="about">About</a></li>
       <li ><a href="contact">Contact</a></li>
   </ul>
</div>

```

How can I get the a text to be white:
I've tried these unsuccessfully:

```
.nav > .navbar-nav li a {color:white;}
.nav .navbar-nav > li > a{color:white;}

```

I appreciate any extra help you can give in explaining the css hierarchy shown using simple natural language.