CSS 的!important 意義 | css important教學
![CSS 的!important 意義](https://i.imgur.com/axBPWDg.jpg)
“網頁的前端工程師非常頭痛的事,就是同時要處理IE和FF等不同的瀏覽器,更糟的是IE又分成了678三種版本,”自動目錄網頁的前端工程師非常頭痛的事,就是同時要處理IE和FF等不同的瀏覽器,更糟的是IE又分成了6 789101112....不同版本,同樣的CSS在不同的browser或是同browser不同版本中,竟會差異天攘之別,這才是煩人。 好了,來說說css中!important的意義。 css中!important的意義 有人是這樣寫的: 看得懂的browser 會處理!important的css,不看懂的browser 會忽略。IE一直都不支持這個語法,而...
![CSS 的!important 意義](http://pix4.agoda.net/hotelimages/4172139/0/24097f8fc1c9959ea5062e8d6497eaad.jpg?s=800x)
“ 網頁的前端工程師非常頭痛的事,就是同時要處理 IE和 FF等不同的瀏覽器,更糟的是 IE 又分成了 6 7 8三種版本, ”
自動目錄網頁的前端工程師非常頭痛的事,就是同時要處理 IE和 FF等不同的瀏覽器,更糟的是 IE 又分成了 6 7 8 9 10 11 12 ....不同版本,同樣的 CSS在不同的browser或是同browser不同版本中,竟會差異天攘之別,這才是煩人。
好了,來說說 css 中 !important 的意義。
css 中 !important 的意義有人是這樣寫的:
看得懂的browser 會處理 !important 的css,不看懂的browser 會忽略。IE一直都不支持這個語法,而其他的瀏覽器都支持。我們就可以利用這一點來分別給IE和其它瀏覽器不同的樣式定義。(x)
!important 前面是給Firefox看的 (x)
其實上面的錯在於沒有把!important 意義搞清楚,先來看以下範例:
1. 都沒使用 !important,在這種情況下,第二個p會覆寫第一個p,所以是紅色。
#example p { color: blue; }#example p { color: red; }
2. 一個使用 !important,因為第一個有!important,所以有更高的優先權,所以會是藍色。
#example p { color: blue !important; }
#example p { color: red; }
3. 二個都使用 !important,同1,第二個p覆寫了第一個p,所以是紅色。
#example p { color: blue !important; }
...取得本站獨家住宿推薦 15%OFF 訂房優惠
本站住宿推薦 20%OFF 訂房優惠,親子優惠,住宿折扣,限時回饋,平日促銷
那麼來看他們的權重吧 | css important教學
鼠年全馬鐵人挑戰WEEK 05 | css important教學
CSS 的!important 意義 | css important教學
CSS 2.1 快速導覽 ... - 程式語言教學誌FB | css important教學
C S S 教學 | css important教學
css !important用法以及CSS樣式使用優先級判斷 | css important教學
[基礎CSS教學] CSS Specificity | css important教學
HTML CSS(v1) Style 的優先次序@ 傑克! 真是太神奇了! :: 痞客邦 | css important教學
CSS教學-CSS選擇器套用樣式的優先權順序 | css important教學
CSS教學全攻略2021 | css important教學
CSS !important 规则 | css important教學
CSS !important 無效?認識優先順序的權重級別 | css important教學
【HTML、CSS教學】5. CSS權重 | css important教學
鐵人賽29 | css important教學
CSS 2.1 快速導覽 | css important教學
【code】[css]當!imporatn壓不過!importnat的時候怎麼辦? | css important教學
优先级 | css important教學
CSS的優先順位 | css important教學
同事寫css 大量使用!important 導致很難維護,怎麼辦? | css important教學
CSSImportant | css important教學
![](https://i.imgur.com/axBPWDg.jpg)