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