CSS :first-letter 偽元素,是什么意思以及用法
CSS:first-letter選擇器
完整CSS選擇器參考手冊
定義和用法
:first-letter選擇器用來指定元素第一個字母的樣式。
:first-letter是偽元素,它生成包含元素的第一個字母的偽元素。
:first-letter樣式是元素的第一個字母。
任何引導標點符號都應與第一個字母一起設置樣式。
在CSS2.1之前,:first-letter可以只附加到塊級元素。CSS2.1擴展其范圍,包括塊,列表項,表調用,表標題和內聯塊元素。可以應用到首字母的屬性是有限的。
例子:
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" 選擇器僅適用于在塊級元素中.
實例
實例
每個 <p>元素的第一個字母選擇的樣式:
p:first-letter
{
font-size:200%;
color:#8A2BE2;
}
{
font-size:200%;
color:#8A2BE2;
}
瀏覽器支持
表格中的數字表示支持該屬性的第一個瀏覽器版本號。
選擇器 | |||||
---|---|---|---|---|---|
::first-letter | 1.0 | 9.0 部分從5.5 | 1.0 | 1.0 | 7.0 部分從5.5 |
注意:IE 5.5-8 and Opera 4-6 只支持舊的語法標準,single-colon CSS2語法(:first-letter)。新版本支持的標準,雙冒號CSS3語法(::letter)。
相關文章
CSS 教程: CSS 偽類
完整CSS選擇器參考手冊