css - 选择器“.class.class”和“.class.class”有什么区别？

Question

.class.class和有什么区别.class .class？

Answer 1

.class .class匹配作为 class的另一个元素的.class后代的.classclass 的任何元素。

.class.class匹配具有这两个类的任何元素。

Answer 2

1. .name1.name2

   表示一个div或一个element同时具有两个类，例如：

   <div class="name1 name2">...</div>
   

---

2. .name1 .name2

   表示具有类的 a或divan及其任何具有类的子节点elementname1name2

   <div class="name1">
       <div class="name2">
           ...
       </div>
   </div>
   

Answer 3

.class1.class2

具有两者class1并class2在其class属性中设置的元素（例如class="class1 class2"：）

.class1 .class2

具有class2that 的元素是具有class1类的元素的后代

Answer 4

.class.class也可用于避免在!important更高特异性选择器阻止您的规则被应用的情况下使用。

在这种情况下，HTML 元素中没有两个类。您只需重复要在样式（选择器）中增加的特异性的类，例如

(HTML) <div class="something">...</div>

(CSS) .something.something {}