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第二组规则.

这将使它比第一条规则更具体,并允许它被应用.