找出CSS规则被“禁用”的原因

Question

我有一个CSS文件，不是我写的，但我必须改变一些东西。我的问题是这样的一行：

list-style-image: url("../images/pfeil.png");

图像的路径是正确的，但不会显示。我使用Firebug来检查应用了哪些样式，我看到该行是中风。根据文档，这意味着它被另一条规则覆盖。

是否有方法/工具可以找出，哪条规则会覆盖上面的一行？

Answer 1

他们没有被禁用。这些条目通过它们进行敲击，表示它们已被新规则重置或覆盖（例如，在此样式表之后加载一条规则）。

CSS样式按照包含在html页面上的顺序加载，内联样式优先于CSS工作表定义。

如果你只是审查所有关于该元素的CSS，Firebug会告诉你哪一个已经覆盖了这个。只需查找列出的任何其他list-style-image:。

Answer 2

在chrome中打开你的页面，点击ctrl，转移我打开开发人员控制台。在右边，应该有一个手风琴的东西，其中一个选项是“计算风格”。打开它，点击show inherited，找到你关注的设置，点击它旁边的小箭头，它应该打开并告诉你计算设置的来源。 请告诉我这是否适合您。