覆盖列表样式

Question

我有一个样式表用于ASP.Net站点中的多个CSS页面。其中两个页面的列表几乎完全相同。

E.g

所有页面的样式：

li { padding-left:40px; text-indent:-44px; }

需要单独风格的列表样式：

.customlistitem {padding-left:90px; text-indent:0px; }

然后在实际页面中需要略有不同风格的列表：

<li class="customlistitem">

问题是customlistitem选择器没有覆盖样式表中的样式。这是为什么？

Answer 1

您似乎需要增加选择器上的specificity：

li.customlistitem {
    ...
}

.customlistitem本身确实具有比li更高的特异性，因此我认为您的选择器比您在问题中包含的更复杂。无论如何，更高的特异性是可行的方法。