CSS：无法摆脱 <li> 项目符号答案

【问题标题】：CSS: can't get rid of the <li> bulletCSS：无法摆脱 <li> 项目符号
【发布时间】：2015-12-22 18:04:59
【问题描述】：

我已经为我的基本文档布局定义了一个 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”部分 - 评分星被项目符号覆盖。

【问题讨论】：

使用 !important 解决问题

标签： html css html-lists

【解决方案1】：

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

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

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

【讨论】：

【解决方案2】：

您应该将列表样式规则应用于 UL(OL) 标签，到目前为止，您的目标是 LI(list item) 标签

【讨论】：

不正确，您可以指定单个 li 标记以不具有列表样式。还建议添加示例工作代码，以便 OP 可以解决他的问题。

【解决方案3】：

CSS 特性为 div#content li 提供了 102 的值，而 .codexworld_rating_widget li 的值为 11。您需要将具有 ID 的父级添加到 .codexworld_rating_widget li 或从 div#content li 中删除 id。这个specificity calculator 可以很方便。

【讨论】：

对我来说听起来比我接受的答案要复杂得多，这会立即有所帮助，但看起来是一个很棒的工具，我一定会收藏它，以防我再次遇到任何问题，谢谢！
@richey：不要拖延查看工具（或）阅读特异性。在编写 CSS 时，了解它会对您有很大帮助。
好吧，如果您从我的回答中获得了一些关于 CSS 特异性如何工作的知识，那就没关系了。 ;)