CSS :last-child伪类选择器

在CSS中，:last-child伪类选择器被用于选择一个元素的最后一个孩子元素。这个选择器非常有用，可以让我们针对列表元素中的最后一个元素设置某些样式。

语法和用法

:last-child伪类选择器可以用于各种不同的元素，包括：

• ul、ol 或 dl 元素中的 li 或 dd 元素
• table 中的 tr、td 或 th 元素
• form 中的 fieldset、p 或 div 元素
• 任何其他类型的元素

下面是:last-child伪类选择器的基本语法：

selector:last-child {
  /* styles */
}

例如，如果要为一个ul列表中的最后一项添加特定样式，可以像这样写：

ul li:last-child {
  font-weight: bold;
}

这将会把ul列表中的最后一项的字体变为加粗。

示例

下面是一个使用:last-child伪类选择器为表格中的最后一行添加样式的示例：

table tr:last-child {
  background-color: #f5f5f5;
}

在这个例子中，最后一行将会被设置为浅灰色的背景色。

总结

:last-child伪类选择器是CSS中一个非常有用的工具，它可以用来选择一个元素的最后一个孩子元素，并且可以用于各种不同类型的元素。通过使用:last-child伪类选择器，可以为元素添加特定样式，使其在页面上更加美观和易于阅读。