css第二个子元素

作者：一岁就很帅发布日期:2025-12-11 浏览:100

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

/* 假设我们有一个父元素，其中包含多个子元素 */
.parent > :nth-child(2) {
    /* 对第二个子元素应用样式 */
    color: red;
    font-weight: bold;
}

/* 解释说明：
- .parent 是父元素的选择器。
- > 表示直接子元素选择器，确保只选择父元素下的直接子元素。
- :nth-child(2) 是伪类选择器，用于选择父元素下的第二个子元素。
- 在这个例子中，我们将第二个子元素的文字颜色设置为红色，并加粗显示。
*/

上一篇：windi css

下一篇：css 定位居中