CSS属性列表样式应该应用于<ul>/<ol>还是<li>？

Question

大多数网站显示的语法适用list-style于<li>但我已经看到一些适用于或的教程网站(如此).list-style<ul><ol>

哪种'正确'的方式？

Answer 1

根据W3C CSS2参考,可以在这里找到,

另一种解决方案是仅在列表类型元素上指定"列表样式"信息:

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

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

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