css中的!important作用
一、總結
1、!important:是hack,
2、!important作用:讓瀏覽器首選執行這個語句,當對同一個對象設置了多個同類型的屬性的時候,首選執行這一個
3、hack是什么:每個瀏覽器對某些css的樣式解釋的不太一樣,這樣頁面上顯示的就不一樣,但是要保持每個瀏覽器都同樣顯示效果的話,那么只有對有差異的瀏覽器寫它自己認識而別的瀏覽器不認識的樣式來達到顯示相同的目的,這個在css中叫hack
4、!important辨析:!important不是不重要的意思,而是重要的意思,!(感嘆號在這里並不表示 非)
二、CSS中!important 作用
CSS中“!important”可以使它之前的樣式優先執行,比如說這樣:
body {
color : red !important;
}
body {
color : black;
}
顏色color出現了兩次,而加上“!important”的“color : red;”總會得到優先執行,瀏覽器將對另一個“color : black;”視而不見。
之所以會說得復雜,是因為“IE 6.0一直都不支持這個語法,而其他的瀏覽器都支持。因此可以利用這一點來分別給IE和其他瀏覽器不同的樣式定義”,我認為這只不過是一個小技巧罷了。
CSS中的!important一般都是用於對低版本的除了iE 6 ,用來做hack的,后面綴上了!important的css語句,讓瀏覽器首選執行這個語句,因為css有繼承的樣式,加上!importanrt可以覆蓋父級的樣式。 IE6不認識它的,IE7和別的瀏覽器中可以用,用來處理瀏覽器的兼容性,這里寫段代碼:
1 <html> 2 <head> 3 <title>黃色背景</title> 4 <style type="text/css"> 5 body 6 { 7 !important 8 background:red; 9 } 10 </style> 11 </head> 12 <body > 13 </body> 14 </html>
簡單來說,每個瀏覽器對某些css的樣式解釋的不太一樣,這樣頁面上顯示的就不一樣,但是要保持每個瀏覽器都同樣顯示效果的話,那么只有對有差異的瀏覽器寫它自己認識而別的瀏覽器不認識的樣式來達到顯示相同的目的,這個在css中叫hack。所以我們就需要知道某個瀏覽器認識某些寫法了。當遇到問題的時候就可以使用這些hack來解決問題了,不過對於你說的這個hack我倒是沒用過,只要代碼寫的好,基本上除了ie6都是可以通過的