gpt4 book ai didi

css - `body.className div.className` 如何优先于 `div.className.className2` ?

转载 作者:太空宇宙 更新时间:2023-11-03 22:46:51 27 4
gpt4 key购买 nike

我的意思是:

body.class1 div.class1 {
color: blue;
}
div.class1.class2 {
color: red;
}
<body class="class1">
<div class="class1 class2">
Hello
</div>
</body>

div.className.className2 具有最具体的元素,所以我认为这会优先。但事实证明,添加父选择器优先于额外的类名。

有人能指出解释这种情况的规则吗?我似乎无法在网上轻松找到它。

最佳答案

您的印象似乎是只有规则中最深元素的组件才计入特异性。这是不正确的,选择器中的每个元素/修饰符都被计算在内。

  • 最具体的规则是body.class1 div.class1,它有两个标签名和两个类名。

  • div.class1.class2也有两个类名(并列),但只有一个标签名

  • div.class1.class2.class3 会赢,因为它有三个类名,而类名总是比无数个标签名更有值(value)。

试试看 https://specificity.keegan.st/

关于css - `body.className div.className` 如何优先于 `div.className.className2` ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41576917/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com