E:first-letter/E::first-letter

語法:

E:first-letter/E::first-letter { sRules }

說明:

設定物件內的第一個字符的樣式。
  • 此偽物件僅作用於塊物件。內聯物件要使用該偽物件,必須先將其設定為塊級物件。
  • 該偽類常被用來配合font-size屬性和float屬性製作首字下沉效果。
  • IE6在使用該選擇符時有個顯式的BUG:選擇符與包含規則的花括號之間不能緊挨著,需留有空格或換行。同時還存在該BUG的選擇符包括:E:first-line
  • CSS3將偽物件選擇符(Pseudo-Element Selectors)前面的單個冒號(:)修改為雙冒號(::)用以區別偽類選擇符(Pseudo-Classes Selectors),但以前的寫法仍然有效。

    即E:first-letter可轉化為E::first-letter

兼容性:

  • 淺綠 = 支援
  • 紅色 = 不支援
  • 粉色 = 部分支援
Selector IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 6.0 #1 2.0+ 4.0+ 3.1+ 3.5+ 3.2+ 2.1+ 18.0+
7.0+
::first-letter 6.0
7.0-8.0 #2
9.0+
  1. E:first-letter選擇符不能緊挨著規則集大括號,需留有空格或換行。
  2. 本質上並不支援偽元素的雙冒號(::)寫法,而是忽略掉了其中的一個冒號,仍以單冒號來解析,所以等同變相支援了E::first-letter。

示例: