CSS :first-line 伪元素

CSS 参考手册 CSS 参考手册


定义和用法

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

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

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

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

伪元素可与 CSS 类结合:

p.article:first-line {color: #FF0000}

<p class="article">A paragraph in an article</p>

本例将把所有 class="article" 的段落的第一行字符设置为红色。


实例

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

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


实例

向首字母添加样式

向首字母和首行添加样式



CSS 参考手册 CSS 参考手册

粤ICP备11097351号-1