Project/kakao-clone-v2

[CSS] Combinators

goakgoak 2019. 11. 19. 16:16

Descendant Selector

decendant selector는 명시된 element의 모든 *후손* element를 선택한다.

 

 

예시

 

Child Selector

child selector는 명시된 element의 모든 *자식* element를 선택한다.  // 1 level 아래

 

 

예시

 

Adjacent Sibling Selector

adjacent sibling selector는 명시된 element의 인접한 element를 선택한다.

 

 

예시

 

General Sibling Selector

generak sibling selector는 명시된 element의  형제인 모든 element를 선택한다.

 

 

예시