: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)选择每个第三个段落,从最后一个第二个子节点开始 |