CSS :first-line 偽元素
定義和用法
:first-line 偽元素向文本的首行添加特殊樣式。
這個(gè)偽元素用于設(shè)置元素中的第一行文本的樣式，而不論該行出現(xiàn)多少單詞。
:first-line 只能與塊級(jí)元素關(guān)聯(lián)。可以應(yīng)用到首字母的屬性是有限的。
注釋?zhuān)合铝袑傩詰?yīng)用于 :first-line 偽元素：
- font 屬性
- color 屬性
- background 屬性
- word-spacing
- letter-spacing
- text-decoration
- vertical-align
- text-transform
- line-height
- clear
偽元素可與 CSS 類(lèi)結(jié)合：
p.article:first-line {color: #FF0000}<p >本例將把所有 >
實(shí)例
向段落的第一個(gè)字符添加特殊樣式：
<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>TIY （在頁(yè)面底部可以找到更多實(shí)例）
瀏覽器支持
所有主流瀏覽器都支持 :first-line 偽元素。
TIY 實(shí)例
- 向首字母添加樣式
- 向首字母和首行添加樣式
