CSS ::first-letter 伪元素

定义和用法

CSS ::first-letter 伪元素用于设置块级元素的第一个字母的样式。

注意：以下属性可以与 ::first-letter 一起使用：

  • 所有字体属性
  • 所有背景属性
  • 所有外边距属性
  • 所有内边距属性
  • 所有边框属性
  • 颜色
  • 文本装饰
  • 文本阴影
  • 字母间距
  • 单词间距
  • 文本转换
  • 文本装饰颜色
  • 文本装饰线
  • 文本装饰样式
  • 阴影
  • 垂直对齐（仅当浮动为none时）
  • 行高
  • 浮动

实例

选择并设置每个 <p> 元素的第一个字母的样式：

p::first-letter {
  字体大小: 200%;
  字体粗细: 加粗;
  颜色: #8A2BE2;
}

亲自试一试

CSS语法

::first-letter {
  css声明;
}

技术细节

版本： CSS1

浏览器支持

表格中的数字指定了完全支持该伪元素的首个浏览器版本。

Chrome Edge Firefox Safari Opera
1.0 9.0 1.0 1.0 7.0

相关页面

教程：CSS伪元素