2013/01/09

first-line

:AFTER | :BEFORE | ::FIRST-LETTER | ::FIRST-LINE | ::SELECTION
::FIRST-LINE

對一小段文字的第一行,設計獨特的風格。只能用在區塊元素。

改寫 ANCHOR,將 :hover, :active 狀態傳給子元素;如此在 IE6 中,也可以使用 :hover, :active 於一般元素。

  • 上例,在 Firefox 中 first-letter, first-line 失敗;IE6, Safari, Chrome 成功。
  • 移到部落格後,在 IE6 出現 :link 的字不是白色的情形。
::SELECTION

使用者用滑鼠選一段文字,會應用此設計風格。Firefox 3.5 要用 ::-moz-selection;Safari, Chrome 要用 ::selection。此項可使用的特徵有 color, background, background-color;background-image 及其它特徵會被忽略。此項可能會從 CSS3 的草稿中拿掉。

  • IE6 無此項;Firefox, Safari, Chrome 皆成功。
  • 上例中的 font-size 被忽略。