当前位置:  开发笔记 > 前端 > 正文

CSS列表样式

如何解决《CSS列表样式》经验,为你挑选了1个好方法。

我正在使用YUI reset/base,重置后它将ul和li标签设置为list-style:disc outside;

我的标记看起来像这样:


我的CSS是:

#nav {}
#nav ul li {
    list-style: none;
 }

现在这使得每个李旁边的小圆盘消失了.

为什么这不起作用呢?

 #nav {}
 #nav ul.links 
 {
      list-style: none;
 }

如果我删除了base.css文件的链接,它可以工作吗?

更新:sidenav - > nav



1> Prestaul..:

我认为丹的回答很接近,但这不是一个特殊问题. 您可以在列表(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;
}

推荐阅读
N个小灰流_701
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有