css选择第一个元素

作者：若离发布日期:2026-05-26 浏览:47

/* 选择第一个元素的示例代码 */

/* 选择某个父元素下的第一个子元素 */
.first-element {
    /* 这里的样式将应用于父元素下的第一个子元素 */
}

/* 实际应用中的例子：选择 ul 列表中的第一个 li 元素 */
ul li:first-child {
    font-weight: bold; /* 将第一个 li 元素的字体加粗 */
}

/* 选择页面中第一个出现的特定元素 */
p:first-of-type {
    color: red; /* 将页面中第一个 p 元素的文字颜色设置为红色 */
}

解释说明：

:first-child 伪类选择器用于选择作为其父元素的第一个子元素的元素。
:first-of-type 伪类选择器用于选择作为其父元素的第一个特定类型的元素。

如果你需要选择某个特定父元素下的第一个子元素，可以结合使用这些伪类选择器。

上一篇：css设置字体加粗

下一篇：css overflow hidden作用