04_CSS

일반 구조 선택자

형제 관계에 있는 요소 중 특정 요소를 선택하는 선택자
(중요) 위치를 기준으로 구분함

:first-child
:last-child
:nth-child(수열)
:nth-last-child(수열)

---

형태 구조 선택자

선택된 형제 관계 요소 중 특정 요소를 선택하는 선택자.
(선택된 요소들을 기준으로 구분)

:first-of-type - 같이 선택된 형제들 중에서 첫번째 요소들을
:last-of-type - 같이 선택된 형제들 중에서 마지막 요소
:nth-of-type(수열) - 같이 선택된 형제들 중에서 수열 번째 모든요소
:nth-last-of-type(수열) - 같이 선택된 형제들 중에서 뒤에서 수열번째 모든요소

---

부정 선택자(선택자1:not(선택자2)

괄호 내 선택자를 제외한 나머지 요소를 선택

#test3 > li:not(:nth-of-type(3n)) {
background-color: pink;}