В чем разница между .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 {}