?
This document uses PHP Chinese website manual Release
<hack> selector{ sRules }
盡可能減少對(duì)CSS Hack的使用。Hack有風(fēng)險(xiǎn),使用需謹(jǐn)慎
通常如未作特別說(shuō)明,本文檔所有的代碼和示例的默認(rèn)運(yùn)行環(huán)境都為標(biāo)準(zhǔn)模式。
一些CSS Hack由于瀏覽器存在交叉認(rèn)識(shí),所以需要通過(guò)層層覆蓋的方式來(lái)實(shí)現(xiàn)對(duì)不同瀏覽器進(jìn)行Hack的。
簡(jiǎn)單列舉幾個(gè):
* html .test { color: #090; } /* For IE6 and earlier */ * + html .test { color: #ff0; } /* For IE7 */ .test:lang(zh-cmn-Hans) { color: #f00; } /* For IE8+ and not IE */ .test:nth-child(1) { color: #0ff; } /* For IE9+ and not IE */
* 上述代碼中的3,4兩行就是典型的利用能力來(lái)進(jìn)行選擇的CSS Hack。
<!DOCTYPE html> <html lang="zh-cmn-Hans"> <head> <meta charset="utf-8" /> <title>選擇符級(jí)Hack_CSS參考手冊(cè)_web前端開(kāi)發(fā)參考手冊(cè)系列</title> <meta name="author" content="Joy Du(飄零霧雨), dooyoe@gmail.com, www.doyoe.com" /> <style> * html .test { color: #090; } * + html .test { color: #ff0; } .test:lang(zh-cmn-Hans) { color: #f00; } .test:nth-child(1) { color: #0ff; } </style> </head> <body> <div class="test">在不同瀏覽器下看看我的顏色吧</div> </body> </html>
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例