如何在嵌套的无序列表中恢复list-style-type的"auto"值？

Question

默认情况下,一组无框架的嵌套<ul>列表看起来像这样(至少在Chrome,Firefox和IE中):

嵌套<ul>屏幕截图

顶层有一个list-style-type的disc,下一级是circle,和随后的水平square.

如果我包含一个更改list-style-typeto 的样式表none,是否有一种简单的方法可以在文档后面恢复为"自动项目符号类型"？(例如,使用后续CSS定义或JavaScript样式更改覆盖)

基本上,我正在寻找类似的东西list-style-type: auto;(显然无效且无效):

<style type="text/css">
    ul { list-style-type: none; }
    ul { list-style-type: auto; } /* Does not work */
</style>

设置list-style-type后退以disc更改列表中的每个项目符号,我不再在不同级别看到不同的项目符号,因此也不起作用.

是通过明确定义每个级别的样式来实现此目的的唯一方法吗？例如:

<style type="text/css">
    ul { list-style-type: disc; }
    ul ul { list-style-type: circle; }
    ul ul ul { list-style-type: square; }
</style>

Answer 1

使用类来编写类似的内容：

ul { list-style-type: none; }
.list_default { list-style-type: circle; }

然后在你想要应用项目符号的 ul 上，

<ul class="list_default">
    <li>one</li>
    <li>two</li>
</ul>

另外，在不使用“自动”行为时，请务必听取其他发帖者的建议。标准和制造商定义的默认值有太多专有扩展，这些扩展只会让您在以后感到烦恼。现在就养成不依赖自己理智的好习惯。