css 最后一个元素

作者：戮尽逆者发布日期:2025-02-24 浏览:58

/* 选择最后一个指定类型的元素 */
.container div:last-child {
  background-color: yellow;
}

/* 选择作为其父元素的最后一个子元素的指定类型的元素 */
.container div:last-of-type {
  background-color: lightblue;
}

解释说明：

:last-child：这个伪类选择器会选择作为其父元素的最后一个子元素的元素。如果最后一个子元素是 div，那么它将被选中。
:last-of-type：这个伪类选择器会选择作为其父元素的最后一个特定类型的子元素的元素。即使它不是最后一个子元素，只要它是该类型的最后一个元素，它就会被选中。

在上面的例子中：

.container div:last-child 会选中 .container 中最后一个子元素如果是 div 的元素，并将其背景颜色设置为黄色。
.container div:last-of-type 会选中 .container 中最后一个 div 元素（即使它后面还有其他类型的兄弟元素），并将其背景颜色设置为浅蓝色。

上一篇：css clip

下一篇：css表格