title: CSS3 not selector with last-child
body: <p>I have the following css which needs to alter the last-child which does not have the class "myClass" but I can't seem to get it to work.</p>
  
  <p>Any ideas where I'm going wrong?</p>
  
  <pre><code>ul li:not(.myClass):last-child a {
      font-style:italic;
  }
  </code></pre>
  
  <p><strong>Example html as requested:</strong></p>
  
  <pre><code>&lt;ul&gt;
      &lt;li&gt;&lt;a href="#"&gt;one&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;two&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;three&lt;/a&gt;&lt;/li&gt;
      &lt;li class="myClass"&gt;&lt;a href="#"&gt;Extra&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I want to apply the css to li three...</p>