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