css 末位选择 |css 图片缩放不失真

末位选择器的基本语法如下：

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

此代码块将为选择器选择的元素的最后一个子元素应用样式。例如，如果您希望在以下列表中为最后一个列表项添加样式：

• 第一项
• 第二项
• 第三项
• 最后一项

您可以使用以下 CSS：

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

注意，末位选择器只选择其父元素中的最后一个子元素。如果您只想选择特定类型的子元素，可以在选择器中添加有关该元素类型的信息。例如，如果您只想为表格的最后一行添加样式，请改用以下 CSS：

tr:last-child {
background-color: #eee;
}

请注意，如果您尝试将末位选择器与其他选择器结合使用，例如类或 ID 选择器，则此代码块只能为其父元素的最后一个子元素应用样式。

末位选择器是 CSS 中非常有用的功能之一，它可以大大简化代码，并帮助开发人员在不更改 HTML 代码的情况下实现具有特定样式的元素。因此，您应该掌握其基本语法和用法，以便更好地使用它。