html - 我可以重置 CSS 属性而不是覆盖它吗？

Question

我正在处理的网页已经有一些基本样式表，其中一个包含这条规则:

address:not(:last-child), 
fieldset:not(:last-child), 
li:not(:last-child), 
ol:not(:last-child), 
p:not(:last-child), 
table:not(:last-child), 
ul:not(:last-child) {margin-bottom: 12px}

这是在我的 <p class="mainCopy"> 上应用 12px margin-bottom|标签，我对此不感兴趣。我希望能够用 .mainCopy {margin-bottom: 0} 覆盖它，但显然基本规则比我的规则更具体。这迫使我制定比我想要或需要的更具体的规则，例如 p.mainCopy .此外，我有时需要 <li class="mainCopy"> ，这将迫使我添加第二条规则，以满足 <li>

有什么方法可以简单地重置此属性，或恢复有问题的 CSS 声明？

Answer 1

因为 address:not(:last-child) 和类似的有 11 点的特殊性，你可以复制类名以使其更强大。例如，下面的声明是完全有效的，它有 20 个特殊点:

.mainCopy.mainCopy {
     margin-bottom: 0;
}

而且你必须在你的 html 中只添加一个 mainCopy:

<ul class="mainCopy">

编辑

注意特异性的“点”，因为没有小数点。它们是特异性的数字位置。例如:

 address:not(:last-child) /* is 0-0-1-1 specificity (1 tagname, 1 pseudoclass) */
 .mainCopy.mainCopy /* is 0-0-2-0 specificity (2 classnames) */