title: How to apply CSS to nested Unordered Lists?
body: <p>I have some nested unordered list, I need to apply my class <code>ul-deactive</code> to every element inside that div with tag <code>&lt;ul&gt; &lt;li&gt;</code> at any depth.</p>
  
  <p>With my code I'm not able to make it work. Any idea what I'm doing wrong and how to fix it?</p>
  
  <pre><code>&lt;div class="ul-deactive"&gt;
  &lt;ul&gt;
      &lt;li&gt;a
          &lt;ul&gt;
              &lt;li&gt;a-1 &lt;/li&gt;
              &lt;li&gt;a-2 &lt;/li&gt;
          &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li&gt;b
          &lt;ul&gt;
              &lt;li&gt;b-1 &lt;/li&gt;
              &lt;li&gt;b-2 &lt;/li&gt;
          &lt;/ul&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p></p>
  
  <hr>
  
  <pre><code>.ul-deactive ul li
  {
      list-style-type: none;
      padding: 0px;
      margin: 0px;
      color:Fuchsia;
  }
  </code></pre>