css相同特殊性

问题描述

问 题

p.intro{
    color: red;
}

div div div div div div div div div div p{
    color: blue;
}

<div><div><div><div><div><div><div><div><div><div>
<p class="intro">second</p>
</div></div></div></div></div></div></div></div></div></div>

为什么后面的没有覆盖前面的？

解决方案

你可能把特殊性的计算方式搞错了

第一个选择器的特殊性是 0, 0, 1, 1
第二个选择器的特殊性是 0, 0, 0, 11 不能进位!

第一个选择器的特殊性大于第二个，所以 div div div div div div div div div div p 是覆盖不了 p.intro 的

这篇关于css相同特殊性的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！