css - 为什么会发生特异性较低的 css

Question

<html>
<head>
<style>
#wo{
    color: red;
}

p{
    color: yellow;
}
</style>
</head>
<body>

<div id="wo">
<p>Hi</p>

</div>
</body>
</html>

这是我的代码。我声明了 id wo 的属性，它在 css(0,1,0,0) 中比 p(0,0,0,1) 具有更高的特异性，那么为什么我的段落显示黄色？

score 3 · Accepted Answer

因为Hiis insidep元素，而不是 inside div#wo。元素只是通过继承p间接地受到规则的影响，但规则直接针对元素，因此它会覆盖继承的属性。#wopp

仅当两个规则匹配相同的元素时，特异性才适用，这不是您的情况。

1 回答 1