选择器“.class.class”和“.class .class”之间有什么区别？

Question

.class.class和.class .class之间有什么不同？

Answer 1

.class .class会匹配班级.class的另一个元素后代的班级.class的所有元素。

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

Answer 2

1. .name1.name2

   表示同时包含两个类的div或element，例如：

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

---

1. .name1 .name2

   表示div或element，其类name1及其任何子节点都具有类name2

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

Answer 3

.class1.class2

同时具有class1和class2 class属性的元素（例如：class="class1 class2"）

.class1 .class2

带有class2的元素，它是具有class1类

的元素的后代

Answer 4

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

在这种情况下，一个元素中没有两个类。您只需重复要增加特定性的课程，例如

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

(CSS) .something.something {}