Combinators

descendant selector

a b {color:red;}

- a의 자손인 b에게 color:red를 적용

 

child selector

a > b {color:red;}

 

a의 자식인 b에게 color:red를 적용

 

adjacent sibling selector

 

a + b {color:red;}

a의 맞동생(맞후임 느낌)인 b에게 color:red를 적용

 

general sibling selector

a ~ b {color:red;}

 

a의 동생인 b에게 color:red를 적용