本文最后更新于 1508 天前,其中的信息可能已经有所发展或是发生改变。
定义和用法
定义
: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{
font-size: 30px;
font-weight: 900;
color: red;
}
效果预览
基础效果:
这是一段测试文字
welcome to beijing
添加样式效果:
这是一段测试文字
welcome to beijing