Combinator

◎ Combinator

- 하위 선택자, descendant selector (space)

- div p: <div> 안의 <p> 요소 모두 해당

- 자식 선택자, child selector (>)

- div > p: <div> 안의 <p> 요소에만 해당

- 인접 형제 선택자, adjacent sibling selector (+), 바로 뒤의

- div+p: <div>와 같은 부모 밑에 있으며 <div>와 가장 인접한(바로 뒤에 있는) 형제인 <p>에게만 해당

- ex. div+p { color: yellow; } 

- <div>는 yellow 해당 안 되고 <p>에만 yellow가 적용됨

- general sibling selector

- div~p: <div>와 같은 부모 밑에 있으며 <div> 뒤에서부터 나오는 형제 <p>에게만 해당