css - 继承的 CSS 属性的特殊性

Question

继承属性接收到的 CSS 特异性级别是多少？我通读了有关 CSS 特异性的 W3 推荐，因此我了解如何计算直接针对同一元素的 css 规则的不同特异性，但我没有看到那里提到继承属性的特异性级别。

特别是，我遇到的问题与 header 元素有关，尽管我很想从总体上了解这一点。

例如，这是一段 HTML:

<h2>This should be black</h2>
<div class="all_red_text">
    <h2>This should be red</h2>
</div>

现在，如果我像这样包含一些 CSS:

.all_red_text { color: red; }

我会得到我期望的结果。另一方面，如果我包含的 css 是

h2 { color: black; }
.all_red_text { color: red; }

然后所有文本将变为黑色。在第一种情况下，有一些默认的浏览器 CSS 可以被继承的属性覆盖，但是当在第二个示例中手动指定相同的属性时，它优先于继承的属性。

Answer 1

任何直接匹配元素的声明都将优先于从元素的父元素继承的属性。特异性与此无关。