伪元素控制首个文字或字母的样式

一、定义和用法

定义

:first-letter 伪元素向文本的第一个字母(文字)添加特殊样式。

在 CSS2.1 之前，:first-letter 只能与块级元素关联。CSS2.1 扩大了这个范围，可以与任何元素关联。可以应用到首字母的属性是有限的。

注释：下列属性应用于 :first-letter 伪元素：

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

语法

p:first-letter{
    color:red;
    font-size:26px;
}

二、效果预览

基础效果：

这是一段测试文字

welcome to beijing

添加样式效果:

这是一段测试文字

welcome to beijing