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）具有更高的特异性，为什么我的段落显示黄色？

Answer 1

因为Hi位于p元素内，而不在div#wo内。 p元素仅通过继承间接受#wo规则的影响，但p规则直接针对p元素，因此它会覆盖继承的属性。

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