看完這篇關於!important的介紹之後,有幾個大重點。
1.在css撰寫時,每個css屬性後面加上!important時,此屬性會凌駕於其他同等級的屬性。
例如:
- div#test{
- margin:5px !important;
- margin:10px;
- }
在上述的例子中,所有id為test的div所套用的屬性會是margin:5px;而非margin:10px;
此外。需要特別注意的,加上!important後,即使是行內樣式,也同樣會被加了!important屬性的值 覆寫。
例如:
- <div id="test" style="margin:0;">
- test content
- </div>
即使是寫在行內的樣式,能會被有!important css屬性取代。
最後ie6不支援 !important,也因此,!important很常
用以下的方式來作為修正ie6 css屬性的hack之一
- div#test{
- color:red !important;/*for ie7, ie8, firefox*/
- color:black;/*for ie6*/
- }
沒有留言:
張貼留言