html - 删除列表样式图像

Question

我以为我知道这一点，但我发现很难删除列表样式的图像。让我们来

[链接已删除]

举个例子。我想删除您可以在右侧看到的箭头。我尝试了以下方法：

#rightCol ul,#rightCol li,#rightCol ul li{list-style:none;}
#rightCol ul,#rightCol li,#rightCol ul li{background-image:none;}

我首先使用背景图像创建箭头，但无法真正摆脱它。有什么建议吗？（以上是一个测试，就我而言，它将是#rightCol .nolists...）

谢谢

score 0 · Accepted Answer

这里的 li 元素有背景，所以你需要做：

#rightCol .moduletable ul li{
    background: none;
}

score 0 · Accepted Answer

background-image:none对我来说很好。您是否尝试过刷新缓存？

编辑： 啊，是的，不同之处在于，您的样式不如用于放置背景图像的样式那么具体，因此它会被覆盖，其中包括.moduletable.

#rightCol .moduletable ul li {
   background-image:none;
}

应该做的伎俩。

CSS 优先级基于特异性以及样式与其他样式相比出现的位置。如果您有两种具有相同特性的样式，则后一种将覆盖前一种的属性，但如果较早的一种更具体，它将优先。

2 回答 2