title: Applying hover over to a unordered list item if it belongs to two classes
body: <p>I am trying to highlight the list items upon hover over except the first one. </p>
  
  <p>This is the html:</p>
  
  <pre><code>  ...
    &lt;ul class="topmenulist"&gt;
    &lt;li&gt;&lt;a href="#" class="active" &gt;Home&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#" class="notactive" &gt;What we do&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#" class="notactive" &gt;Projects&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#" class="notactive" &gt;Contact&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
    ...
  </code></pre>
  
  <p>This does NOT work:</p>
  
  <pre><code>  .notactive.topmenulist li:hover{ 
    background-color: #EAEAEA;
    }
  </code></pre>
  
  <p>This works BUT it also applies to the first one which I do not want:</p>
  
  <pre><code>  .topmenulist li:hover{ 
    background-color: #EAEAEA;
     }
  </code></pre>
  
  <p>Thanks</p>