В чем разница между селекторами ".class.class" и ".class.class"?

В чем разница между .class.class и .class .class?

Ответ 1

.class .class соответствует любым элементам класса .class, которые являются потомками другого элемента с классом .class.

.class.class соответствует любому элементу с обоими классами.

Ответ 2

.name1.name2

означает a div или element, имеющие оба класса вместе, например:
```
<div class="name1 name2">...</div>
```

.name1 .name2

означает a div или element, который имеет класс name1 и любой из его дочерних узлов, имеющих класс name2
```
<div class="name1">
    <div class="name2">
        ...
    </div>
</div>
```

Ответ 3

.class1.class2

Элемент, который имеет как class1, так и class2, устанавливает в нем атрибут class (например: class="class1 class2")

.class1 .class2

Элемент с class2, являющийся потомком элемента с классом class1

Ответ 4

.class.class также можно использовать, избегая использования !important в случае, если селектор с более высокой специфичностью препятствует применению вашего правила.

В этом случае нет двух классов в элементе. Вы просто повторяете классу, какую специфичность вы хотите увеличить, например,

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

(CSS) .something.something {}