css获取最后一个元素

作者：整整ー世♂陰霾そ发布日期:2026-08-01 浏览:95

/* 使用 :last-child 伪类选择器来选择父元素中的最后一个子元素 */
.container div:last-child {
    /* 设置样式，例如改变背景颜色 */
    background-color: yellow;
}

:last-child 是一个 CSS 伪类选择器，用于选择作为其父元素的最后一个子元素的元素。
在上面的例子中，.container div:last-child 会选择 .container 中的所有 div 元素，并且只对最后一个 div 应用样式（例如，改变背景颜色为黄色）。
如果 .container 中没有 div 或者最后一个子元素不是 div，则不会应用此样式。

如果你需要选择特定类型的最后一个元素（例如最后一个 p 标签），可以使用 :last-of-type 伪类选择器：

/* 使用 :last-of-type 伪类选择器来选择父元素中的最后一个特定类型的元素 */
.container p:last-of-type {
    /* 设置样式，例如改变字体颜色 */
    color: red;
}

:last-of-type 伪类选择器用于选择其父元素中的最后一个特定类型的元素。在上面的例子中，它会选择 .container 中的最后一个 p 元素，并将其字体颜色设置为红色。