CSS | :last-child 选择器

CSS中，:last-child选择器被用来选择某个元素的最后一个子元素。具体来说，:last-child选择器匹配其父元素中的最后一个子元素。

以下是使用:last-child选择器的基本语法：

父元素:last-child {
  /* 样式 */
}

例如，下面的CSS代码段将为父元素中的最后一个子元素设置背景颜色：

div:last-child {
  background-color: yellow;
}

此代码段中，div是被选择的元素，:last-child是伪类选择器，用来选择该元素的最后一个子元素。

:last-child选择器还可以与其他选择器组合使用，以创建更具体的选择器。例如，在下面的代码中，我们使用:first-child和:last-child选择器组合来选择一个列表中的第一个和最后一个元素，并为其设置不同的样式：

li:first-child {
  font-weight: bold;
}
li:last-child {
  color: red;
}

此代码段中，我们为列表元素设置了两个不同的样式。:first-child选择器用来选择列表中的第一个元素，并将其文字加粗。:last-child选择器则用来选择列表中的最后一个元素，并将其文字颜色设为红色。

:last-child选择器还有其他一些值得注意的用法。例如，它可以用来选择表格中的最后一行或最后一列，也可以用来选择某个元素的最后一个直接子元素。无论在哪种情况下，它都是一种非常方便但强大的选择器。

这就是:last-child选择器的基本用法和一些常见的用例。希望这篇简短介绍对你有所帮助！