<p>I am using YUI reset/base, after the reset it sets the <code>ul</code> and <code>li</code> tags to list-style: disc outside;</p>

<p>My markup looks like this:</p>

<pre><code>&lt;div id="nav"&gt;
     &lt;ul class="links"&gt;
         &lt;li&gt;&lt;a href=""&gt;Testing&lt;/a&gt;&lt;/li&gt;
     &lt;/ul&gt;

&lt;/div&gt;
</code></pre>

<p>My CSS is:</p>

<pre><code>#nav {}
#nav ul li {
    list-style: none;
 }
</code></pre>

<p>Now that makes the small disc beside each li disappear.</p>

<p>Why doesn't this work though?</p>

<pre><code> #nav {}
 #nav ul.links 
 {
      list-style: none;
 }
</code></pre>

<p>It works if I remove the link to the base.css file, why?.</p>

<p>Updated: <code>sidenav</code> -> <code>nav</code></p>

shouldn't it be:
```
```
#nav ul.links
```
```