CSS3的:nth-last-child()选择器
CSS3的:nth-last-child()选择器可以用来选择同级别下倒数第n个元素。它和:nth-child()选择器的用法很相似,只是它从右往左进行计数,而不是从左往右。
:nth-last-child(n) { /* 样式定义 */ }
其中,n表示倒数第n个元素,如果n是正整数,则表示倒数第n个元素;如果n是负整数,则表示从右往左第n个元素;如果n是0,则表示一个元素。
例如,下面的代码可以用来选择同级别下倒数第2个元素:
li:nth-last-child(2) { /* 样式定义 */ }
还可以使用关键字even和odd来选择偶数和奇数元素:
li:nth-last-child(odd) { /* 样式定义 */ }
这样就可以选择倒数第1、3、5……个元素,以此类推。
还可以使用表达式来选择元素,例如:
li:nth-last-child(2n+1) { /* 样式定义 */ }
这样就可以选择倒数第1、3、5、7……个元素,以此类推。
还可以使用关键字n,它表示任意一个数字,例如:
li:nth-last-child(n) { /* 样式定义 */ }
这样就可以选择倒数第1、2、3、4……个元素,以此类推。
CSS3的:nth-last-child()选择器可以用来选择同级别下倒数第n个元素,它的用法非常灵活,可以根据实际需要来调整选择器的参数,以实现不同的效果。