是否应将CSS属性列表样式应用于<ul> / <ol>或<li>?</li> </ol> </ul>

时间:2010-03-09 12:29:34

标签: html css html-lists

大多数网站都将语法显示为将list-style应用于<li>,但我看到了一些将list-style应用于<ul>的教程网站(如this one) }或<ol>

哪种'正确'方式?

3 个答案:

答案 0 :(得分:42)

根据W3C CSS2参考,可以找到here

  

另一种解决方案是仅在列表类型元素上指定'list-style'信息:

ol.alpha  { list-style-type: lower-alpha }
ul        { list-style-type: disc }
     

继承会将“list-style”值从OL和UL元素传递给LI元素。这是指定列表样式信息的推荐方法。

因此,如果所有元素都相同,则可以在整个列表级别执行此操作,但是您可以在列表条目级别执行此操作,例如,如果某些条目具有不同的字形(例如正方形)光盘)传达一些意义。您还可以执行 both ,将列表级别样式作为默认值进行覆盖(但要注意选择器优先级!)。

答案 1 :(得分:1)

由于没有列表样式通常比列表样式更常见,我个人将它应用于样式表顶部的全局重置。

答案 2 :(得分:0)

规范建议您将其设置在<ul><ol>标记上,而不是<li>上。

请参阅http://www.w3.org/TR/REC-CSS1/#list-style