"*"在CSS特异性中出现最高,为什么？

Question

我无法理解为什么我的CSS没有根据我理解特异性规则的方式进行样式设置.根据我的整个网络(含在读这个计算器),在*(匹配一切)没有特异性,而一个元素(例如h1,h2等)已经是第四个最重要的,而一类是第三个最重要的.但这不是我在Chrome调试器中看到的.

从它的外观来看,它*已经排在最前面,然后是h5两场*比赛,然后是一场比赛.orange.不*应该追求其他一切吗？并不应该.orange赢得胜利h5？到底是怎么回事？

Answer 1

在您的示例中,它*是唯一实际匹配相关元素的选择器.

其他样式仅由其他元素的定义继承.这些其他元素与您的元素在父上下文中.

根据你的截图,它必须some-element在这样的结构内:

<div class="row orange">
    <div class="col-xs-10">
        <h5 class="detail1">
            <some-element></some-element>

关于你的元素,继承的样式根本没有任何特异性.特异性是一个适用于CSS选择器的概念,而不是CSS属性.

继承CSS属性的特殊性