css选择第一个子元素

作者：尒忸旳迣鎅゛沬卜鋽旳凄涼发布日期:2025-10-31 浏览:33

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

/* 假设我们有一个父元素包含多个子元素，我们只想选择第一个子元素并应用样式 */
.parent-element > :first-child {
    color: red;
}

/* 解释说明：
1. `.parent-element` 是父元素的选择器。
2. `>` 表示直接子元素选择器，确保只选择 `.parent-element` 的直接子元素。
3. `:first-child` 伪类选择器用于选择作为其父元素的第一个子元素的元素。
4. 在这个例子中，我们将第一个子元素的文字颜色设置为红色。 */

上一篇：scale css

下一篇：css宽度