Как понять эти селекторы?

Question

[supkiler]

.class-1.class-2

Как это работает? Куда применяются стили?

Comments

[Ivan Ustûžanin]

как? читать спецификацию
понять — по той самой спецификации

оба класса должны быть у элемента

[Ivan Ustûžanin]

как вариант доки на русском: https://doka.guide/css/class-selector/

[szQocks]

IvanU7n,

.class-1.class-2

это обращение ко всем вложенным .class-2 внутри .class-1 а не к одному элементу у которого 2 класса

[Ivan Ustûžanin]

szQocks, с чего это вдруг? пробелов я там не вижу, значит это не descendant combinator, а обычное перечисление классов

[szQocks]

IvanU7n, ну да, туплю)

Answer 1

[Виталий Першин]

К элементу у которого есть оба класса:

<div class="class-1 class-2">
    Some text
</div>

Если бы между ними был пробел .class-1 .class-2 тогда стиль применялся бы к .class-2 который находится внутри .class-1

<div class="class-1">
	<div class="class-2">
		Some text
	</div>
</div>