CSS :first-line 偽元素

2018-01-06 14:31 更新

CSS :first-line 選擇器

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

定義和用法

:first-line選擇器用來(lái)指定選擇器第一行的樣式。

:first-line是偽元素,它生成包含元素的第一個(gè)格式化行的偽元素。

:first-line樣式表示元素中的第一行文本,無(wú)論該行中可能出現(xiàn)多少個(gè)詞。

:first-line只能附加到塊級(jí)元素。可以應(yīng)用到首字母的屬性是有限的。

例子:

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" 選擇器適用于塊級(jí)元素中。


Examples

實(shí)例

實(shí)例

每個(gè)<p>元素的第一行選擇的樣式:

p:first-line
{
  background-color:yellow;
}

嘗試一下 ?

瀏覽器支持

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

選擇器          
::first-line 1.0 9.0
部分從5.5
1.0 1.0 7.0
部分從3.5

相關(guān)文章

CSS 教程: CSS 偽類


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

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)