정의 및 사용
:nth-of-type( n ) 선택은 모든 요소 선택 n th 부모의 특정 유형의 아이를.
팁 : 사용하여 :nth-child() 모든 요소를 선택하는 선택을 n th 부모의 유형에 관계없이, 아이를.
통사론
:nth-of-type( n |even|odd| formula )| 매개 변수 | 기술 |
|---|---|
| n | 각 아이의 인덱스와 일치합니다. 숫자 여야합니다. 첫 번째 요소는 인덱스 번호 (1)를 갖는다. |
| even | 각 심지어 자식 요소를 선택합니다 |
| odd | 각 홀수 자식 요소를 선택합니다 |
| formula | 자식 요소 (들) 식으로 선택을 지정 ( an + b ) . 예 : p:nth-of-type(3n+2) 두 번째 단락에서 시작하여, 각 셋째 단락을 선택 |
그것을 자신을 시도 - 예
각각의 선택 <p> 두 번째 인 요소 <p> 모든 요소 <div> 요소를
각 선택하는 방법 <p> 두 번째 인 요소 <p> 모든 요소 <div> 요소를.
식을 사용하여 (AN +의 b)
수식 사용하는 방법 ( an + b ) 다른 하위 요소를 선택합니다.
사용 "even" 와 "odd"
어떻게 다른 자식 요소를 선택 짝수 및 홀수 사용할 수 있습니다.
차이 :nth-child() , :nth-last-child() , :nth-of-type() 과 :nth-of-last-type()
차이 p:nth-child(2), p:nth-last-child(2), p:nth-of-type(2) 와 p:nth-of-last-type(2) .