css 最后一个子元素

作者：夏威夷丶霪男发布日期:2025-10-15 浏览:50

/* 选择父元素中的最后一个子元素 */
.parent-element :last-child {
    /* 样式规则 */
    color: red;
}

/* 示例：选择 ul 中的最后一个 li 元素 */
ul li:last-child {
    /* 样式规则 */
    font-weight: bold;
}

解释说明：

:last-child 是一个伪类，用于选择作为其父元素的最后一个子元素的元素。
在第一个示例中，.parent-element :last-child 会选择 .parent-element 内的最后一个子元素，并应用样式（例如将文本颜色设置为红色）。
在第二个示例中，ul li:last-child 会选择 ul 列表中的最后一个 li 元素，并应用样式（例如加粗字体）。

上一篇：css 背景

下一篇：cssvisibility属性值