2010年1月10日 星期日

CSS-!important的介紹


看完這篇關於!important的介紹之後,有幾個大重點。
1.在css撰寫時,每個css屬性後面加上!important時,此屬性會凌駕於其他同等級的屬性。

例如:
  1. div#test{
  2. margin:5px !important;
  3. margin:10px;
  4. }


在上述的例子中,所有id為test的div所套用的屬性會是margin:5px;而非margin:10px;
此外。需要特別注意的,加上!important後,即使是行內樣式,也同樣會被加了!important屬性的值 覆寫。
例如:
  1. <div id="test" style="margin:0;">
  2. test content
  3. </div>

即使是寫在行內的樣式,能會被有!important css屬性取代。

最後ie6不支援 !important,也因此,!important很常
用以下的方式來作為修正ie6 css屬性的hack之一


  1. div#test{
  2. color:red !important;/*for ie7, ie8, firefox*/
  3. color:black;/*for ie6*/
  4. }

沒有留言: