예
모든 배경색 지정 <p> 마지막 아이부터 계산, 부모의 두 번째 자식 요소를 :
p:nth-last-child(2)
{
background: #ff0000;
}
»그것을 자신을 시도 더 "Try it Yourself" 아래의 예.
정의 및 사용
:nth-last-child( n ) 선택이있는 모든 요소와 일치 n 마지막 아이부터 계산, 부모의 유형에 관계없이, 아이 일을.
n 숫자, 키워드 또는 수식 할 수있다.
Tip: 상기 봐 :nth-last-of-type() 는 IS 요소 선택 선택 n , 아이 번째 of a specified type 마지막 아이부터 계산, 부모의를.
| 번역: | CSS3 |
|---|
브라우저 지원
표의 수치는 완전히 선택기를지지하는 제 브라우저 버전을 지정한다.
| 선택자 | |||||
|---|---|---|---|---|---|
| :nth-last-child() | 4.0 | 9.0 | 3.5 | 3.2 | 9.6 |
CSS 구문
더 예
예
홀수 및도 인덱스가 홀수 또는 짝수 자식 요소에 맞게 사용할 수있는 키워드이다.
여기, 우리는 마지막 아이부터 계산, 홀수 및 짝수 페이지 요소에 대한 두 개의 서로 다른 배경 색상을 지정합니다
p:nth-last-child(odd)
{
background: #ff0000;
}
p:nth-last-child(even)
{
background: #0000ff;
}
»그것을 자신을 시도 예
수식 사용 ( an + b ) . 설명 : a 사이클의 크기를 나타내며, n 카운터이다 (starts at 0) 하고, b 오프셋 값입니다.
여기, 우리는 인덱스 마지막 자식부터 계산 3의 배수, 모든 페이지 요소의 배경 색상을 지정 :
p:nth-last-child(3n+0)
{
background: #ff0000;
}
»그것을 자신을 시도