| 종류 | 설명 |
| :only-child | 부모 안에 자식 요소가 하나뿐일 때 자식 요소를 선택한다. |
| A:only-type-of | 부모 안에 A 요소가 하나뿐일 때 선택한다. |
| :first-child | 부모 안에 있는 모든 요소 중에서 첫 번째 자식 요소를 선택한다. |
| :last-child | 부모 안에 있는 모든 요소 중에서 마지막 자식 요소를 선택한다. |
| A:first-of-type | 부모 안에 있는 A 요소 중에서 첫 번째 자식 요소를 선택한다. |
| A:last-of-type | 부모 안에 있는 A 요소 중에서 마지막 자식 요소를 선택한다. |
| :nth-child(n) | 부모 안에 있는 모든 요소 중에서 n번째 자식 요소를 선택한다. |
| :nth-last-child(n) | 부모 안에 있는 모든 요소 중에서 끝에서 n번째 자식 요소를 선택한다. |
| A:nth-of-type(n) | 부모 안에 있는 A 요소 중에서 n번째 요소를 선택한다. |
| A:nth-last-of-type(n) | 부모 안에 있는 A 요소 중에서 끝에서 n번째 요소를 선택한다. |
'HTML, CSS, Javascript' 카테고리의 다른 글
| [Javascript] Array 객체의 메서드(1) - splice() (0) | 2021.08.07 |
|---|---|
| [Javascript] 함수와 이벤트 (0) | 2021.08.05 |
| [CSS] 반응형 웹과 미디어 쿼리 (0) | 2021.07.26 |
| [CSS] 트랜지션과 애니메이션 (0) | 2021.07.13 |
| [CSS] 속성 선택자 (0) | 2021.07.06 |