CSS 获取最后一个元素

在本文中，我们将介绍如何使用CSS和CSS3来获取HTML中的最后一个元素。

阅读更多：CSS 教程

使用:last-child伪类选择器

CSS中的:last-child伪类选择器可以选择父元素中的最后一个子元素。下面是一个示例，展示了如何使用:last-child选择器来修改最后一个元素的样式：

.list li:last-child {
  color: red;
}

上面的代码将会选择所有class为list的元素下的最后一个li元素，并将其颜色修改为红色。你可以根据具体需要来修改样式。

CSS3中的:nth-last-child选择器可以选择父元素中倒数第N个子元素。下面是一个示例，展示了如何使用:nth-last-child选择器来修改倒数第二个元素的样式：

.list li:nth-last-child(2) {
  background-color: yellow;
}

上面的代码将会选择所有class为list的元素下的倒数第二个li元素，并将其背景颜色修改为黄色。

CSS3中的:last-of-type选择器可以选择某一类型的元素中的最后一个。下面是一个示例，展示了如何使用:last-of-type选择器来修改最后一个段落元素的样式：

p:last-of-type {
  font-size: 20px;
}

上面的代码将会选择所有段落元素（p元素）中的最后一个，并将其字体大小修改为20像素。

有时候，我们需要选择除最后一个子元素以外的所有子元素。这时可以使用:last-child伪类选择器与:not选择器组合。下面是一个示例，展示了如何使用:last-child与:not选择器组合来选择除最后一个li元素以外的所有元素：

.list li:not(:last-child) {
  text-decoration: underline;
}

上面的代码将会选择所有class为list的元素下除最后一个以外的所有li元素，并给它们添加下划线样式。

通过使用CSS和CSS3中的选择器，我们可以很方便地获取和修改HTML中的最后一个元素。使用:last-child伪类选择器、:nth-last-child选择器、:last-of-type选择器以及与:not选择器组合，我们可以根据具体需求来选择和修改元素的样式。