CSS: 无法摆脱 <li> 项目符号

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;
}

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

HTML 相关文档的

URL：http://www.psychotherapiepraxis.at/artikel/trauma/traumatherapie.phtml ，相关代码位于接近末尾的 "Bewertung" 部分 - 评级星级已被覆盖靠子弹。

Answer 1

您应该将列表样式规则应用于 UL(OL) 标签，目前您的目标是 LI（列表项）标签

Answer 2

CSS specificity 给出 div#content li 的值为 102，而 .codexworld_rating_widget li 的值为 11。您需要添加具有 ID 的父项到 .codexworld_rating_widget li 或从 div#content li 中删除 ID。这个specificity calculator可以很方便。

Answer 3

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

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

这应该可以解决您的问题。

CSS: 无法摆脱 <li> 项目符号

CSS: can't get rid of the <li> bullet

html

css

html-lists