gpt4 book ai didi

CSS 特异性 : ID overwritten by class + element

转载 作者:太空宇宙 更新时间:2023-11-03 23:41:13 26 4
gpt4 key购买 nike

所以,我的带有颜色 !important 的 id 选择器被一个没有 !important 的简单 .class h1 选择器覆盖。我很困惑,无法找到这方面的任何信息。

我知道 css 的特殊性,无论我怎么看,我都希望 h1 是绿色的,即使没有 !important。

HTML:

<body id='id'>
<div class='class'>
<h1>Lorem ipsum</h1>
<p>Lorem ipsum dolor sit amet.</p>
</div>
</body>

CSS:

.class { color: black; }
.class h1 { color: red; }
#id { color: green !important; }

演示:http://jsfiddle.net/TJ8tj/2/

我已经在 OS X 10.9.1 上的最新 Chrome、Safari 和 Firefox 中测试了这种行为

最佳答案

您的 .class h1 规则是将颜色直接应用于 h1 元素本身,因此它永远不会从 body 继承颜色。 !important 只影响 body 元素,因为它是带有 ID 的元素。它不会强制子元素继承该值。特异性也变得无关紧要,因为您的选择器针对的是不同的元素。

事实上,!important 在您的代码中没有任何作用,因此应该将其删除。

关于CSS 特异性 : ID overwritten by class + element,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22811542/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com