:nth-child 排除最后一个元素

要排除最后一个元素，可以使用:nth-last-child()伪类选择器。该选择器可以选择某个元素之后的所有元素，但不包括最后一个元素。

以下是一个示例代码，演示如何使用:nth-last-child()排除最后一个元素[^1]：

.main p:nth-last-child(n + 2) {
  /* 这里是样式规则 */
}

在上述代码中，选择器:nth-last-child(n + 2)表示选择某个元素之后的所有元素，但不包括最后一个元素。你可以在样式规则中添加你想要的样式。

相关问题

css伪类选择器:nth-child 选中最后一个

要选中最后一个元素，可以使用CSS伪类选择器`:last-child`。这个伪类选择器会匹配选择器的父元素下的最后一个子元素。例如，`ul:last-child` 会匹配最后一个 `ul` 元素，`li:last-child` 会匹配每个 `ul` 中的最后一个 `li` 元素。

如果您想选中父元素下的倒数第n个元素，可以使用`:nth-last-child(n)`伪类选择器，例如`:nth-last-child(1)`可以选中最后一个元素。

:nth-child和:nth-of-type区别

:nth-child和:nth-of-type都是CSS选择器中的伪类，用于选择某个元素在其父元素中的位置。它们的区别在于：

- :nth-child(n)选择器选取的是父元素下的第n个子元素，无论它是什么类型的元素。
- :nth-of-type(n)选择器选取的是父元素下第n个与该元素类型相同的子元素。

举个例子，假设有如下HTML结构：

<ul>
  <li>列表项1</li>
  <li>列表项2</li>
  <li>列表项3</li>
  <li>列表项4</li>
  <li>列表项5</li>
  <li>列表项6</li>
</ul>

如果我们想选择第2个列表项，可以使用以下两种方式：

/* 使用:nth-child */
li:nth-child(2) {
  color: red;
}

/* 使用:nth-of-type */
li:nth-of-type(2) {
  color: blue;
}

在上面的例子中，使用:nth-child(2)会选择到第2个子元素，也就是列表项2，而使用:nth-of-type(2)会选择到第2个与该元素类型相同的子元素，也就是同样是列表项的第2个子元素，也就是列表项2。