Как разобраться с данными селекторами?

Для того чтобы разобраться с данными селекторами, необходимо изучить базовые правила CSS.

Для применения стилей к элементу с классом "class-1" и "class-2" можно использовать следующий селектор:

```css
.class-1.class-2 {
   /* стили для элемента с классом class-1 и class-2 */
}
```

Этот селектор позволяет выбрать элемент, который одновременно имеет оба указанных класса. То есть стили будут применены только к элементам, которые имеют оба класса "class-1" и "class-2".

К элементу у которого есть оба класса: <br/> <pre><code class="html">&lt;div class="class-1 class-2"&gt;
    Some text
&lt;/div&gt;</code></pre> <br/> Если бы между ними был пробел <i>.class-1 .class-2 </i> тогда стиль применялся бы к .class-2 который находится внутри .class-1 <br/> <pre><code class="html">&lt;div class="class-1"&gt;
	&lt;div class="class-2"&gt;
		Some text
	&lt;/div&gt;
&lt;/div&gt;</code></pre>