每個<p>元素的第一行選擇的樣式：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鳥教程(cainiaoplus.com)</title>
<style>
p:first-line
{
background-color:orange;
}
</style>
</head>
<body>
<h1>江南絲竹</h1>
<p> 江南絲竹，曾因地區(qū)及慣有的隨意性而被稱為"蘇南絲竹"、"吳越絲竹"等。20世紀(jì)50年代初舉行的華東民間音樂匯演期間，幾位關(guān)注這方面的樂人一起議論稱名問題，大家最終認(rèn)為"江南絲竹"一名較為適宜。于是就約定俗成了。
江南絲竹音樂真正形成是在清朝末年，一代代絲竹高手、名家將民間樂曲，古曲進(jìn)行改編加工，逐漸形成其特色。它的興起繁榮是在民國時期，距今一百多年。</p>
</body>
</html>測試看看 ?/?:first-line選擇器用來指定選擇器第一行的樣式。
注意::first-line選擇器可以使用以下屬性：
font properties
color properties
background properties
word-spacing
letter-spacing
text-decoration
vertical-align
text-transform
line-height
clear
注意: "first-line" 選擇器適用于塊級元素中。
表格中的數(shù)字表示支持該屬性的第一個瀏覽器版本號。
| 選擇器 | |||||
|---|---|---|---|---|---|
| ::first-line | 1.0 | 9.0 部分從5.5 | 1.0 | 1.0 | 7.0 部分從3.5 |
CSS 教程: CSS 偽元素