CSS Nth 선택자 테스터
고정 샘플에서 CSS :nth-child 및 관련 수식을 테스트하고 일치 위치를 확인합니다. 임의의 CSS는 실행하지 않습니다.
:nth-child(2n+1), :nth-last-child(2), :nth-of-type(3), :nth-child(odd)를 시도하세요. Nth 의사 클래스만 평가합니다.
Nth 선택자를 입력하면 일치 항목을 강조합니다.
1
div2
li3
div4
li5
div6
li7
div8
li샘플은 이 브라우저에만 있습니다. 선택자는 제한된 수식으로 분석하며 CSS로 실행하지 않습니다.
사용 방법
사용 방법
- 지원되는 Nth 수식을 입력합니다.
- 고정 샘플에서 테스트합니다.
- 강조된 위치를 확인합니다.
지원 수식
odd, even, an+b 또는 정수를 사용하는 네 가지 Nth 의사 클래스를 지원합니다.
안전한 로컬 미리 보기
제한된 수식 파서만 사용하며 입력을 마크업에 넣거나 CSS로 실행하지 않습니다.
자주 묻는 질문
더 알아보기
어떤 수식을 지원하나요?
네 가지 Nth 의사 클래스에서 odd, even, an+b 또는 정수를 사용할 수 있습니다.
:nth-child(2n+1)은 무엇을 선택하나요?
고정 샘플에서 홀수 위치와 일치합니다.
임의의 CSS를 실행하나요?
아니요. 고정 샘플에서 지원되는 수식 문법만 분석합니다.