"*“出现在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属性的特异性