*{
box-sizing: border-box;
}
* 선택자: 모든 요를 선택한다.
.클래스 :nth-child(a)
.클래스 :nth-child(even)
.클래스 :nth-child(2n)
.클래스 :nth-child(odd)
.클래스 :nth-child(2n+1)
.클래스 :first-child
.클래스 :last-child
몇 번째 자식을 선택할 때 사용하는 선택자. 단, 0번부터 시작이 아닌 1번부터 시작이다.
- 1번 : a번째 자식
- 2번 3번: 짝수번째 자식
- 4번 5번: 홀수번째 자식
- 6번: 첫번째 자식
- 7번: 마지막 자식
'HTML, CSS > CSS' 카테고리의 다른 글
[CSS] position (0) | 2023.08.30 |
---|---|
[CSS] 캐스케이드 (0) | 2023.08.28 |
[CSS] 선택자 (0) | 2023.08.28 |
[CSS] 블록과 인라인 (0) | 2023.08.28 |
[CSS] 박스 모델 (0) | 2023.08.28 |