问`body.className div.className`是如何优先于`div.className.className2`的？
EN

Stack Overflow用户

提问于 2017-01-10 19:34:17

回答 1查看 489关注 0票数 0

我的意思是：

body.class1 div.class1 {
  color: blue;
}
div.class1.class2 {
  color: red;
}

<body class="class1">
  <div class="class1 class2">
    Hello
  </div>
</body>

div.className.className2有最具体的元素，所以我认为这是优先考虑的。但事实证明，添加父选择器优先于其他类名。

有人能告诉我解释这种情况的规则吗？我似乎很难在网上找到它。

回答已采纳

发布于 2017-01-10 19:37:00

您似乎有这样的印象，即只有规则中最深元素上的组件才会被计算成特定的元素。这是不正确的，选择器中的每个元素/修饰符都会被计数。

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/41576917

复制

相似问题

问`body.className div.className`是如何优先于`div.className.className2`的？EN