继承属性收到的 CSS 特异性级别是多少?我通读了有关 CSS 特异性的 W3 建议,因此我了解如何计算直接针对同一元素的 css 规则的不同特异性,但我没有看到其中提到继承属性的特异性级别。
特别是,我遇到的问题与标题元素有关,尽管我很有兴趣总体了解这一点。
例如,下面是 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; }
then all文本将为黑色。在第一种情况下,有一些默认的浏览器 CSS 可以被继承的属性覆盖,但是当在第二个示例中手动指定相同的属性时,它优先于继承的属性。
任何直接匹配元素的声明都将优先于从元素的父元素继承的属性。特异性与此无关。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)