Вопрос о синтаксисе селектора CSS

Question

У меня вопрос о синтаксисе селектора CSS.

В чем разница между следующими двумя селекторами CSS?

.myclass1 .myclass2 { 
    color: black; 
} 

.myclass1.myclass2 { 
    color: black; 
} 

Одинаковые ли они?

Спасибо.

Answer 1

.myclass1 .myclass2: выберите элемент, который имеет класс «myclass2» внутри другого элемента класса «myclass1»;

.myclass1.myclass2: Выберите элемент, который имеет оба класса.

Answer 2

.myclass1 .myclass2 будет соответствовать внутренней DIV в

<div class="myclass1"> 
    <div class="myclass2"></div> 
</div> 

.myclass1.myclass2 будет соответствовать

<div class="myclass1 myclass2"></div>