?
本文檔使用
php中文網(wǎng)手冊(cè) 發(fā)布
E:first-line/E::first-line { sRules }
此偽對(duì)象僅作用于塊對(duì)象。內(nèi)聯(lián)對(duì)象要使用該偽對(duì)象,必須先將其設(shè)置為塊級(jí)對(duì)象。
IE6在使用該選擇符時(shí)有個(gè)顯式的BUG:選擇符與包含規(guī)則的花括號(hào)之間不能緊挨著,需留有空格或換行。同時(shí)還存在該BUG的選擇符包括:E:first-letter
CSS3將偽對(duì)象選擇符(Pseudo-Element Selectors)前面的單個(gè)冒號(hào)(:)修改為雙冒號(hào)(::)用以區(qū)別偽類選擇符(Pseudo-Classes Selectors),但以前的寫(xiě)法仍然有效。
即E:first-line可轉(zhuǎn)化為E::first-line
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+ | ||||||||
E:first-line選擇符不能緊挨著規(guī)則集大括號(hào),需留有空格或換行。
本質(zhì)上并不支持偽元素的雙冒號(hào)(::)寫(xiě)法,而是忽略掉了其中的一個(gè)冒號(hào),仍以單冒號(hào)來(lái)解析,所以等同變相支持了E::first-line。
<!DOCTYPE html> <html lang="zh-cmn-Hans"> <head> <meta charset="utf-8" /> <title>E::first-line_CSS參考手冊(cè)_web前端開(kāi)發(fā)參考手冊(cè)系列</title> <meta name="author" content="Joy Du(飄零霧雨), dooyoe@gmail.com, www.doyoe.com" /> <style> h1{font-size:16px;} p{width:200px;padding:5px 10px;border:1px solid #ddd;font:14px/1.5 simsun,serif,sans-serif;} p:first-line {color:#090;} p::first-line {color:#090;} </style> </head> <body> <h1>第一行文字的顏色與其它不同</h1> <p>今天,陽(yáng)光明媚,晴空萬(wàn)里,非常適合戶外活動(dòng),如踏青、遠(yuǎn)足之類的。長(zhǎng)期坐在辦公室的同學(xué)們要多注意運(yùn)動(dòng)。</p> </body> </html>
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例