I am trying to highlight the list items upon hover over except the first one.
This is the html:
...
<ul class="topmenulist">
<li><a href="#" class="active" >Home</a></li>
<li><a href="#" class="notactive" >What we do</a></li>
<li><a href="#" class="notactive" >Projects</a></li>
<li><a href="#" class="notactive" >Contact</a></li>
</ul>
...
This does NOT work:
.notactive.topmenulist li:hover{
background-color: #EAEAEA;
}
This works BUT it also applies to the first one which I do not want:
.topmenulist li:hover{
background-color: #EAEAEA;
}
Thanks