html - 停止覆盖以前的 CSS 属性

Question

例如，给定这两条规则

p { color: red; background: yellow }
p { color: green }

段落将以绿色文本显示。然而，它们也会有黄色背景，因为第一条规则没有被完全否定。它的 color 属性值被第二条规则覆盖，但它的 background-color 没有冲突，所以它仍然适用。

那么有没有办法停止应用背景颜色属性？

我需要这样的方法，因为第一条规则可能没有。我事先不知道的属性。期待积极的答复。

Answer 1

这就是您可以在 CSS 中定义类的原因。

如果存在重复的属性并从同一元素的先前定义继承，则为同一元素定义的样式将始终被覆盖。

尝试:

CSS

p.red { color: red; background: yellow }
p.green { color: green }

HTML

<p class="green">Some text</p>
<p class="red">Another text</p>