代码实例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>W3Cschool教程(w3cschool.cn)</title>
<style>
p:first-line
{
background-color:yellow;
}
</style>
</head>
<body>
<h1>WWF's Mission Statement</h1>
<p>我们是好螃蟹啊，我们是好螃蟹啊，我们是好螃蟹啊，我们是好螃蟹啊，我们是好螃蟹啊，我们是好螃蟹啊，我们是好螃蟹啊，我们是好螃蟹啊，我们是好螃蟹啊，我们是好螃蟹啊，我们是好螃蟹啊，我们是好螃蟹啊，我们是好螃蟹啊，我们是好螃蟹啊，我们是好螃蟹啊，我们是好螃蟹啊，我们是好螃蟹啊，我们是好螃蟹啊，我们是好螃蟹啊，我们是好螃蟹啊，</p>
</body>
</html> 尝试一下 »
点击“尝试一下”按钮查看在线实例
定义和用法
:first-line选择器用来指定选择器第一行的样式。
:first-line是伪元素，它生成包含元素的第一个格式化行的伪元素。
:first-line样式表示元素中的第一行文本，无论该行中可能出现多少个词。
:first-line只能附加到块级元素。可以应用到首字母的属性是有限的。
例子：
p.lead:first-line {font-weight: bold;}注意: :first-line选择器可以使用以下属性：
- font properties
- color properties
- background properties
- word-spacing
- letter-spacing
- text-decoration
- vertical-align
- text-transform
- line-height
- clear
注意: "first-line" 选择器适用于块级元素中。
