728x90
반응형

s1 s2 : s1요소에 포함된 s2요소를 선택한다. (후손 관계)
s1>s2 : s1요소의 직계 자식 요소인 s2를 선택한다.(자식관계)

 

예시: 단군의 후손 : 수천만명 이상

         단군의 자식 : 10명미만

 

예를 들어 다음과 같은 코드가 있다면

 

<div>

   <article>

       사람

   </article>

</div>

 

<후손 선택자>

 

div a {color:red;}  = 사람

 

후손선택자는 div안에 있는 모든 a가 선택되지만

 

<자식선택자>

div a {

color:red;

}  = 사람

 

는 직접적인 자식이 아니기 때문에 선택되지 않는다.

728x90
반응형

+ Recent posts