Question

我已经为我的基本文档布局定义了一个CSS：

div#content li {
    font-size:95%;
    list-style-image:url(/css/bullet_list.gif);
    line-height:1.5;
}

在一个文档中更深层次，我包含一个CSS文件定义

.codexworld_rating_widget li{
    list-style: none;
    list-style-image: none;
    float: left;
}

但list元素仍显示项目符号图形（bullet_list.gif），就好像它会覆盖list-style-image: none;定义一样。有谁知道为什么？

有问题的HTML文档的网址：http://www.psychotherapiepraxis.at/artikel/trauma/traumatherapie.phtml，有问题的代码位于接近结尾的“Bewertung”部分 - 评级星被子弹覆盖。

Answer 1

尝试设置与原始定义相同的元素，但包括选择器。

div#content .codexworld_rating_widget li{
    list-style: none;
    list-style-image: none;
    float: left;
}

这可以解决您的问题。

Answer 2

您应该将列表样式规则应用于UL（OL）标记，并且到目前为止您的目标是LI（列表项）标记

Answer 3

CSS特异性使div#content li的值为102，而.codexworld_rating_widget li的值为11.您需要添加ID为.codexworld_rating_widget li的父级或从{{{1}移除ID 1}}。这个specificity calculator可以非常方便。

CSS：无法摆脱<li>子弹

3 个答案: