CSS-选择器“ .class.class”和“ .class .class”之间有什么区别?

.class.class.class .class有什么区别?

Muhammad Umer asked 2019-11-08T07:08:42Z
4个解决方案
84 votes

.class.class将类别.class中属于另一个元素的后代的任何元素与类别.class进行匹配。

.class.class将任何元素都与这两个类别匹配。

esqew answered 2019-11-08T07:09:09Z
59 votes
  1. <div class="name1"> <div class="name2"> ... </div> </div>

    表示同时具有两个类别的<div class="name1"> <div class="name2"> ... </div> </div> element,例如:

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

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

    表示具有类别name1和其任何子节点具有类别name2<div class="name1"> <div class="name2"> ... </div> </div> element

    <div class="name1">
        <div class="name2">
            ...
        </div>
    </div>
    
Pbk1303 answered 2019-11-08T07:09:58Z
18 votes
.class1.class2

class属性中同时设置了class2class1的元素(例如:class="class1 class2"

.class1 .class2

具有class2的元素,它是具有class1类的元素的后代

MarcinJuraszek answered 2019-11-08T07:10:34Z
0 votes

如果较高的特异性选择器阻止您的规则被应用,则也可以使用.class.class避免使用!important

在这种情况下,一个元素中没有两个类。 您只需要重复该类,以提高其特异性,例如

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

(CSS) .something.something {}
blanchart answered 2019-11-08T07:11:09Z
translate from https://stackoverflow.com:/questions/17391364/what-is-the-difference-between-the-selectors-class-class-and-class-class