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伪元素