본문 바로가기

HTML, CSS/CSS

[CSS] 독특한 선택자

*{
  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