我正在使用YUI reset / base,重置后它将ul和li标签设置为list-style:disc outside; 我的标记看起来像这样: div id="nav" ul class="links" lia href=""Testing/a/li /ul/div 我的CSS是: #nav {}#nav ul li { list-style:
我的标记看起来像这样:
<div id="nav"> <ul class="links"> <li><a href="">Testing</a></li> </ul> </div>
我的CSS是:
#nav {} #nav ul li { list-style: none; }
现在这使得每个李旁边的小圆盘消失了.
为什么这不起作用呢?
#nav {} #nav ul.links { list-style: none; }
如果我删除了base.css文件的链接,它可以工作吗?
更新:sidenav – >导航
我认为丹的回答很接近,但这不是一个特殊问题.您可以在列表(UL)上设置列表样式,但您也可以覆盖单个列表项(LI)的列表样式.您告诉浏览器不在列表中使用项目符号,但YUI告诉浏览器在单个列表项上使用它们(YUI获胜):
ul li{ list-style: disc outside; } /* in YUI base.css */ #nav ul.links { list-style: none; /* doesn't override styles for LIs, just the UL */ }
你想要的是告诉浏览器不要在列表项上使用它们:
ul li{ list-style: disc outside; } /* in YUI base.css */ #nav ul.links li { list-style: none; }