css 选择最后几个元素

CSS选择器是实现网页样式化的基础，可以对页面中的元素做出各种各样的样式调整，其中选择最后几个元素是常见的需求。下面就介绍几种实现方式。

/* 1.使用:nth-last-child(n)伪类选择 */
div:nth-last-child(-n+3) {
  color: red;
}

/* 2.使用:last-child伪类和:first-child组合 */
div:first-child:nth-last-child(3),div:first-child:nth-last-child(3) ~ div {
  color: red;
}

/* 3.使用:nth-child伪类选择 */
div:nth-child(n+5):nth-last-child(-n+3) {
  color: red;
}

以上三种方法都可以选择最后几个元素进行样式设置，其中第一种方法使用了:nth-last-child(n)伪类，通过n的取值来选择最后几个元素。

第二种方式则是使用了:last-child伪类和:first-child伪类的组合，选择第一元素和倒数第三个元素及其后面的元素。

最后一种方式则使用了 :nth-child 和 :nth-last-child 两个伪类的组合，选择了从第五个元素开始，倒数第三个元素以及它之前的元素。