CSS ::first-letter选择器

• 

  定义和用法

  ::first-letter选择器用于样式添加到指定选择的第一个字母。

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

  • font 属性
  • color 属性
  • background 属性
  • margin 属性
  • padding 属性
  • border 属性
  • text-decoration 属性
  • vertical-align 属性(仅当 float 为 'none')
  • text-transform 属性
  • line-height 属性
  • float 属性
  • clear 属性

  注意：::first-letter选择器只能与块级元素一起使用。

  特征	说明
  CSS版本	CSS1

• 

  浏览器支持

  表中的数字指定了完全支持该属性的第一个浏览器版本。数字后跟-ms-， -webkit-，-moz-或-o-指定使用前缀的第一个版本。

  选择器	IE/Edge	Chrome	FireFox	Safari	Opera
  选择器名称
  ::first-letter	9.0 部分来自5.5	1.0	1.0	1.0	7.0 部分来自3.5

  注意： IE 5.5-8和Opera 4-6仅支持旧的单冒号CSS2语法（:first-letter）。较新的版本支持标准的双冒号语法（:: first-letter）。
• 

  CSS语法

  ::first-letter {
    css declarations;
  }
  

  复制
• 

  实例

  选择并设置每个 元素的第一个字母：

  p::first-letter { 
    font-size: 200%;
    color: #8A2BE2;
  }
  

  复制

  尝试一下
• 

  相关页面

  CSS教程：CSS伪元素