CSS :first-line 伪元素

w3school 在线教程

## CSS 参考手册

- CSS 参考手册
- CSS 选择器
- CSS 听觉参考手册
- CSS 网络安全字体
- CSS 单位
- CSS 颜色
- CSS 颜色值
- CSS 颜色名
- CSS 颜色十六进制

# CSS :first-line 伪元素

CSS 参考手册

## 实例

向段落的第一个字符添加特殊样式：

    <html>
    <head>
    <style type="text/css">
    p:first-line
      {
      color:#ff0000;
      font-variant:small-caps;
      }
    </style>
    </head>

    <body>
    <p>This is a text.</p>
    </body>
    </html>

亲自试一试

（在页面底部可以找到更多实例）

## 浏览器支持

所有主流浏览器都支持 :first-line 伪元素。

## 定义和用法

:first-line 伪元素向文本的首行添加特殊样式。

这个伪元素用于设置元素中的第一行文本的样式，而不论该行出现多少单词。

:first-line 只能与块级元素关联。可以应用到首字母的属性是有限的。

注释：下列属性应用于 :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" 的段落的第一行字符设置为红色。

## TIY 实例

向首字母添加样式
向首字母和首行添加样式

CSS 参考手册