title: A selector to match the first item that doesn't have some class
body: <p>Assuming I have a list like this one:</p>
  
  <pre><code>&lt;ul&gt;
      &lt;li class="hidden"&gt;Horse&lt;/li&gt;
      &lt;li&gt;Bear&lt;/li&gt;
      &lt;li&gt;Cat&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Is it possible to get the first li item that doesn't has the class <code>.hidden</code>, <a href="http://jsfiddle.net/nabil_kadimi/ANvDP/2/" rel="nofollow">I tried this</a> and many others but it didn't work:</p>
  
  <pre><code>li:not(.hidden):nth-child(1) {
      /* ... */
  }
  </code></pre>
  
  <h3><a href="http://jsfiddle.net/nabil_kadimi/ANvDP/2/" rel="nofollow">Fiddle with test</a></h3>