!important 什麼意思？

password318發表於2010-05-05
Import

如下顯示：

p { height:19px!important ;height:18px}

這個樣式的目的是用來相容IE和Firefox的。

!important它指定當前樣式的優先順序為高，後邊再進行定義的相同樣式是不會將其重置。因此按標準的CSS來說，height:18px這一句是無 效的，因為前邊的定義具有更高的優先順序。

但是IE不支援該屬性，而Firefox卻支援。。

因此在Firefox中認的是height:19px,而IE則會先被設定為height:19,然後再設定為height:18px，這種現象可以加以 利用實現IE和Firefox的佈局相容


IE不是不支援，!important是IE特有的提權用法

height:19px!important;height:18px

的準確含義是，IE認為19px優先順序高，FF不認識important，就近優先原則會解析為18px

這是很老的方法了，其實有更好的相容解決方案，有空再討論

IE不只IE6

<link....> --> <style>--><xxx style="">
低  ---------->  中------------> 高
從IE5.5+的!important是隻是針對不同級別的~
在不同級別的定義中~~!important是有用的~`
在同一級別裡有!important是沒有用的~
對於IE~5.5-的都不認識~~!important

mozilla  Firefox opera7在同級下是有用~

Netscape7 表現如IE5.5+
opera7 Netscape7以下的版本沒試過估計也沒人用了~

相關文章