简介
:nth-last-of-type() 选择器是一个 CSS3 选择器，它允许您选择元素列表中从最后开始的第 n 个元素。与 :nth-of-type() 选择器类似，它基于元素在同级元素中的位置。
语法
:nth-last-of-type(n)
其中，n 是一个正整数，指定要从最后开始选择的元素的位置。
用法
:nth-last-of-type() 选择器可以用于各种场景，例如：
- 突出显示列表中的最后一个元素
- 更改列表中倒数第二个元素的样式
- 为列表中的特定位置的元素添加特定的效果
示例
突出显示列表中的最后一个元素
-- ---------------------- - ----------------- ---- -
更改列表中倒数第二个元素的样式
-- ---------------------- - ------------ ----- -
为列表中的特定位置的元素添加特定的效果
-- ---------------------- - ---------------- ---------- -
与 :nth-of-type() 的区别
:nth-last-of-type() 和 :nth-of-type() 选择器之间的主要区别在于它们计数元素的位置方式。:nth-of-type() 从列表的开头开始计数，而 :nth-last-of-type() 从列表的末尾开始计数。
浏览器支持
:nth-last-of-type() 选择器在所有现代浏览器中都得到广泛支持，包括 Chrome、Firefox、Safari、Edge 和 Opera。
结论
:nth-last-of-type() 选择器是一个强大的工具，可用于选择元素列表中从最后开始的第 n 个元素。它可以用于各种场景，并且在所有现代浏览器中都得到广泛支持。