How to exclude class with same name located in the footer?
<p>Here is a sample of the code:</p>

<pre><code>&lt;body&gt;
  &lt;div class="koko"&gt;content here&lt;/div&gt;
  &lt;footer&gt;
    &lt;div class="koko"&gt;content&lt;/div&gt;
  &lt;/footer&gt;
&lt;/body&gt;
</code></pre>

<p>Now, how to exclude the <code>koko</code> class, but only the one located in the <code>footer</code> element?</p>

<p>I tried this:</p>

<pre class="lang-css prettyprint-override"><code>.koko:not(footer.koko)
</code></pre>

<p>it didn't work.</p>

<p>I also tried:</p>

<pre class="lang-css prettyprint-override"><code>.koko:not(footer) 
</code></pre>

<p>and</p>

<pre class="lang-css prettyprint-override"><code>.koko:not(.footer.koko) 
</code></pre>

<p>but nothing helped. Any ideas?</p>