css 第一个

作者：网络神话—爷恋发布日期:2025-11-13 浏览:26

/* 这是一个简单的 CSS 示例，用于选择页面中的第一个元素并应用样式 */

/* 选择第一个 <p> 元素 */
p:first-of-type {
    color: blue;
    font-weight: bold;
}

/* 选择作为其父元素的第一个子元素的 <li> 元素 */
li:first-child {
    background-color: yellow;
}

/* 选择类为 "example" 的第一个元素 */
.example:first-of-type {
    border: 2px solid red;
}

解释说明：

p:first-of-type：选择文档中第一个出现的 <p> 元素，并将其文本颜色设置为蓝色，字体加粗。
li:first-child：选择其父元素中的第一个 <li> 子元素，并将其背景颜色设置为黄色。
.example:first-of-type：选择类为 example 的第一个元素，并为其添加红色边框。

这些选择器可以帮助你针对特定位置的元素应用样式。

上一篇：css样式前面加个圆点

下一篇：css background 简写