CSS：列表中的项目符号样式

Question

为什么以下不起作用？我希望ul样式基本上不受欢迎（由于继承的代码），但偶尔也可以将它用作传统的项目符号列表。所以我为项目符号列表定义了一个特殊类。

ul li {padding:0 0 0.5em 0; margin-left:0; list-style-type:none;}
ul.bulleted {padding:0 0 0 0; list-style-type: disc; color:red;}

HTML：

<p>Intro text:</p>
        <ul class="bulleted">
            <li>blah</li>
            <li>blah</li>
            <li>blah</li>
        </ul>

这显示了带有红色文本的列表，如预期的那样：但没有任何项目符号！

困惑:(

Answer 1

ul li比ul.bulleted更具体，因此它优先。

尝试使用ul.bulleted li代替第二套规则。

这将使其比第一条规则更具有更多，并允许它被应用。

Answer 2

问题是你的第一个样式适用于li项并删除它们的子弹，而第二个样式适用于`ul项......

制定第一条规则（删除li ）

ul {padding:0 0 0.5em 0; margin-left:0; list-style-type:none;}

或你的第二个

ul.bulleted li {padding:0 0 0 0; list-style-type: disc; color:red;}

取决于其他规则如何适用..