CSS样式选择最后几个元素

我们可以使用 CSS 的 :nth-last-child() 伪类来选择最后几个元素。

例如，假设有一个无序列表 <ul> 元素，其中包含 6 个列表项 <li> 元素，我们想要选择最后 3 个列表项并将它们的文本颜色设置为红色，可以使用以下 CSS 代码：

li:nth-last-child(-n+3) {
  color: red;
}

这里的 -n+3 表示倒数第三个元素到最后一个元素，也就是后三个元素。如果我们想选取最后两个元素，可以使用 -n+2。

需要注意的是，:nth-last-child() 伪类选择器针对的是父级元素中的子元素，并且只能选择同一层级的子元素。所以如果有多层嵌套的元素，需要根据实际情况进行选择器的编写。