title: How to exclude styles for a some specific elements using css?
body: <pre><code>&lt;div id="header" class="top-bar"&gt;
  ...
  &lt;/div&gt;
  
  &lt;div id="specificdiv" class="top-bar"&gt;
      &lt;ul&gt;
          &lt;li&gt;
              &lt;li class="dropdown active"&gt;
              &lt;li class="dropdown active"&gt;
              &lt;li class="dropdown active"&gt;
          &lt;li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  
  &lt;div id="footer" class="top-bar"&gt;
  ...
  &lt;/div&gt;
  </code></pre>
  
  <p>I need to exclude style for specific <code>&lt;li&gt;</code> tags under <code>div id="specificdiv"</code>.
  I could exclude first element using this </p>
  
  <pre><code>.top-bar li:not(:first-of-type) {
      float: none;
  }
  </code></pre>
  
  <p>but how to remove rest 2 as well?</p>