CSS :first-letter 偽元素

CSS :first-letter 選擇器

完整CSS選擇器參考手冊(cè)

定義和用法

:first-letter選擇器用來指定元素第一個(gè)字母的樣式。

:first-letter是偽元素，它生成包含元素的第一個(gè)字母的偽元素。

:first-letter樣式是元素的第一個(gè)字母。

任何引導(dǎo)標(biāo)點(diǎn)符號(hào)都應(yīng)與第一個(gè)字母一起設(shè)置樣式。

在CSS2.1之前，:first-letter可以只附加到塊級(jí)元素。CSS2.1擴(kuò)展其范圍，包括塊，列表項(xiàng)，表調(diào)用，表標(biāo)題和內(nèi)聯(lián)塊元素。可以應(yīng)用到首字母的屬性是有限的。

例子：

h1:first-letter  {font-size: 166%;}
p:first-letter {text-decoration:  underline;}

提示: :first-letter選擇器可以使用以下屬性： 

• font properties
• color properties 
• background properties
• margin properties
• padding properties
• border properties
• text-decoration
• vertical-align (only if float is 'none')
• text-transform
• line-height
• float
• clear

注意: "first-letter" 選擇器僅適用于在塊級(jí)元素中.

實(shí)例

瀏覽器支持

表格中的數(shù)字表示支持該屬性的第一個(gè)瀏覽器版本號(hào)。

注意: IE 5.5-8 and Opera 4-6 只支持舊的語法標(biāo)準(zhǔn),single-colon CSS2語法(：first-letter)。新版本支持的標(biāo)準(zhǔn),雙冒號(hào)CSS3語法(::letter)。

相關(guān)文章

CSS 教程: CSS 偽類

完整CSS選擇器參考手冊(cè)