How to change CSS for specific category item?

Question

I am trying to change the css style of a specific item in my menu. My HTML code is this:

<ol class="nav-primary">
<li class="level0 nav-1 first parent"></li>
<li class="level0 nav-2"></li>
<li class="level0 nav-3"></li>
<li class="level0 nav-4 parent menu-active">
<li class="level1 nav-4-1 first last">
<a class="level1 " href="http://www.example.com"></a>

And the CSS I am trying (that probably needs tweaking) is this:

.nav-primary li.level1.nav-4-1 first {
color: #000;
}

Answer 1

The CSS should be this

.nav-primary li.level1.nav-4-1.first a {
 color: #000;
}

• user3217495: Thanks. Unfortunately that's not working though.
• user3217495: Nevermind; I had it sitting in the wrong screen resolution for the site! Eugh. No wonder I couldn't get it working. Thanks for your help!