English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
:nth-last-child(n)선택자는 부모 요소의 모든 유형의 요소 중 마지막 자식 요소에서부터 시작하여 n번째 자식 요소를 선택한 모든 요소를 선택합니다.
사용:nth-last-of-type()선택자는 부모 요소의 특정 유형의 요소를 선택하여 부모 요소의n번째 자식요소의 모든 요소.
$(:nth-last-child(number|An+B|odd|even)")
끝에서부터 세어서 선택하여 선택한 요소가 부모 요소의5개의 항목의<p>요소:
$("document").ready(function(){ $("p:nth-last-child(5")").css("background", "coral"); });테스트를 보세요‹/›
홀수와 짝수 키워드는奇数和偶数关键字用于匹配索引为奇数或偶数的子元素:
$("document").ready(function(){ $("p:nth-last-child(even)").css("background", "coral"); $("li:nth-last-child(odd)").css("background", "coral"); });테스트를 보세요‹/›
공식(An + B)。설명:A은 반복 크기를 나타냅니다.n는 카운터입니다(0부터 시작), 그리고B은 이동 값입니다:
$("document").ready(function(){ $("p:nth-last-child(4n + 1")").css("background", "coral"); $("li:nth-last-child(3n)").css("background", "coral"); });테스트를 보세요‹/›
파라미터 | 설명 |
---|---|
number | 매칭할자식 요소의 인덱스(1끝) |
odd | 각 홀수 자식 요소를 선택합니다 |
even | 각 짝수 자식 요소를 선택합니다 |
An+B | 선택할자식 요소를 지정합니다 예제:p:nth-last-child(3n + 2)마지막 두 번째 자식 요소부터 각 세 번째 패러그램을 선택합니다 |