CSS :first-line 伪元素
定义
:first-line 伪元素向文本的首行添加特殊样式。
这个伪元素用于设置元素中的第一行文本的样式,而不论该行出现多少单词。
:first-line 只能与块级元素关联。可以应用到首字母的属性是有限的。
例子
p {font-size: 12pt} p:first-line {color: #FF0000;font-variant:small-caps} <p>Some text that ends up on two or more lines</p>
注释:下列属性应用于 :first-line 伪元素:
- font 属性
- color 属性
- background 属性
- word-spacing
- letter-spacing
- text-decoration
- vertical-align
- text-transform
- line-height
- clear
伪元素可与 CSS 类结合:
p.article:first-line {color: #FF0000} <p class="article">A paragraph in an article</p>
本例将把所有 class="article" 的段落的第一个字母设置为 red。