CSS3 : n 번째의 형 () 선택
정의 및 사용
: n 번째의 형 (n)의 선택은 n 번째 형제 자매 동일한 유형하였습니다.
N은 숫자, 키워드 또는 수식 할 수있다.
팁 : 참조 : n 번째 자녀 () 선택합니다.선택기는 부모 요소 N 번째 요소와 일치합니다. 찾는 위치에서 AT : N 번째 - 아이 () .
브라우저 지원
표의 수치 속성의 버전 번호를 먼저 지원 브라우저를 나타낸다.
选择器 | |||||
---|---|---|---|---|---|
:nth-of-type() | 4.0 | 9.0 | 3.5 | 3.2 | 9.6 |
더 많은 예제
예 1
홀수 및 짝수 사용되는 하위 요소와 일치하는 키워드로 사용할 수 있고, 그 인덱스가 홀수 나 짝수 (제 아이의 인덱스는 1이다).
여기에서는 홀수 및 짝수 페이지 요소에 대한 두 개의 서로 다른 배경색을 지정
P : n 번째의 형 (홀수)
{
배경 : #의 FF0000;
}
P : n 번째의 형 (심지어)
{
배경 : # 0000FF;
}
{
배경 : #의 FF0000;
}
P : n 번째의 형 (심지어)
{
배경 : # 0000FF;
}
»시도
예 2
화학식 (AN +의 b) 설명 사용 : 사이클의 대표의 크기를 N 이의 (0부터)이고, B는 오프셋된다.
여기에서 우리는 모든 인덱스는 세 페이지 요소의 배수는 배경 색상 지정은 다음과 같습니다
P : n 번째의 형 (3N + 0)
{
배경 : #의 FF0000;
}
{
배경 : #의 FF0000;
}
»시도