Laravel  
laravel
文档
数据库
架构
入门
php技术
    
Laravelphp
laravel / php / java / vue / mysql / linux / python / javascript / html / css / c++ / c#

css第一个元素选择器

作者:_永恒灬莫言   发布日期:2026-01-07   浏览:77

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

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

/* 选择作为其父元素的第一个 <li> 元素 */
li:first-of-type {
  font-weight: bold;
}

解释说明:

  1. p:first-child:这个选择器会选择那些是其父元素的第一个子元素的 <p> 元素,并将其文本颜色设置为蓝色。
  2. li:first-of-type:这个选择器会选择作为其父元素的第一个 <li> 元素,并将其字体加粗。

如果你需要更多关于 CSS 选择器的帮助,请随时告诉我!

上一篇:七种基本的css选择器

下一篇:css 强制不换行

大家都在看

css好看的字体

css 红色

css 瀑布流布局grid

换行 css

css文字超长省略号

css背景图铺满

css 渐变字体

css背景图片等比例缩放

css文字删除线

css 文本下划线

Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3

Laravel 中文站