?
This document uses PHP Chinese website manual Release
Selector { sRule!important; }
IE6及以下瀏覽器有個(gè)比較顯式的支持問(wèn)題存在,!important在同一條規(guī)則集里不生效。請(qǐng)看下述代碼:
示例代碼:
div { color: #f00 !important; color: #000; }
在上述代碼中,IE6及以下瀏覽器div的文本顏色為#000,!important并沒(méi)有覆蓋后面的規(guī)則;其它瀏覽器下div的文本顏色為#f00
IE6及以下瀏覽器要使!important生效,可用以下代碼:
示例代碼:
div {
color: #f00 !important;
color: #000;
}
在上述代碼中,IE6及以下瀏覽器中div的文本顏色表現(xiàn)與其它瀏覽器一致,都為#f00
IE | Firefox | Chrome | Safari | Opera | iOS Safari | Android Browser | Android Chrome |
---|---|---|---|---|---|---|---|
6.0 #1 | 2.0+ | 4.0+ | 3.1+ | 3.5+ | 3.2+ | 2.1+ | 18.0+ |
7.0+ |
IE6及更早瀏覽器下,!important在同一條規(guī)則集內(nèi)不生效。
<!DOCTYPE html> <html lang="zh-cmn-Hans"> <head> <meta charset="utf-8" /> <title>!important_CSS參考手冊(cè)_web前端開(kāi)發(fā)參考手冊(cè)系列</title> <meta name="author" content="Joy Du(飄零霧雨), dooyoe@gmail.com, www.doyoe.com" /> <style> .test { color: #f00 !important; color: #000; } .test2 { color: #f00 !important; } .test2 { color: #000; } </style> </head> <body> <div class="test">同一條樣式內(nèi),!important將在IE6及以下瀏覽器中失效</div> <div class="test2">在分散的樣式條目?jī)?nèi),IE6及以下瀏覽器對(duì)!important的支持與其它瀏覽器一致</div> </body> </html>
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例