CSS 선택기 구문에 대한 질문

Question

CSS 선택기 구문에 대한 질문이 있습니다.

다음 두 CSS 선택기의 차이점은 무엇입니까?

.myclass1 .myclass2 { 
    color: black; 
} 

.myclass1.myclass2 { 
    color: black; 
} 

동일하지 않습니까?

감사합니다.

Answer 1

.myclass1 .myclass2 : "myclass1"클래스의 다른 요소 안에 "myclass2"클래스가있는 요소를 선택하십시오.

.myclass1.myclass2 : 두 클래스를 모두 갖는 요소를 선택하십시오.

Answer 2

.myclass1 .myclass2는

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

일치합니다

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

.myclass1.myclass2의 내부 DIV 일치합니다