在父 div 中的最后一个子元素上应用 css - CSS

当我们想要在父 div 中的最后一个子元素上应用 css 样式时，可以使用 :last-child 伪类选择器。

语法

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

示例

假设我们有以下 HTML 代码：

<div id="parent">
  <p>第一段文字</p>
  <p>第二段文字</p>
  <p>第三段文字</p>
</div>

我们想要给最后一个 p 标签应用样式，我们可以这样写：

#parent p:last-child {
  color: red;
}

这样，最后一个 p 标签的文字颜色就变成了红色。

兼容性

last-child 伪类选择器支持 IE9+，以及所有现代浏览器。

总结

last-child 伪类选择器可以帮助我们在父 div 中的最后一个子元素上应用 css 样式，从而达到需要的效果。