CSS 복합 선택자

일치 선택자 (‘’)

2개의 선택자가 동시에 만족할 경우만을 선택

li.test
ol li.menu-list

자식 선택자 (‘>’)

한 요소에서 자식일 경우에만 선택

ol > li
div > section

후손(하위) 선택자 (‘ ‘)

요소 내에서 해당하는 모든 하위 요소를 선택

div section
ol li

다음 형제 요소 중 1개 (‘+’)

요소의 형제요소 중 다음 요소 1개를 선택

li + li
div + .menu

다음 모든 형제 요소 선택 (‘~’)

요소의 다음 모든 형제요소를 선택

li ~ li
div ~ .menu