DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> 從可維護性角度考慮css的!important規則的可用性
從可維護性角度考慮css的!important規則的可用性
編輯:CSS詳解     
最近在做項目中發現很多CSS代碼裡面都使用!important去覆蓋原有高優先級的樣式。按照常理來說,越是靈活的東西,需要做的工作就會更多。所以想當然的認為像!important這樣靈活、方便的規則如果用得多的話肯定會對性能有所影響。基於這種考慮,本來想把所有的這些樣式通過提高優先級給去掉的。不過後來一想,還是去google一下吧,猜想一般都是不可靠的。

復制代碼代碼如下:
if (aIsImportant) {
if (!HasImportantBit(aPropID))
changed = PR_TRUE;
SetImportantBit(aPropID);
} else {
// ...


復制代碼代碼如下:
/**
* Transfer the state for |aPropID| (which may be a shorthand)
* from |aFromBlock| to this block. The property being transferred
* is !important if |aIsImportant| is true, and should replace an
* existing !important property regardless of its own importance
* if |aOverrideImportant| is true.
*
* ...
*/

從上面可以看出,Firefox對於!important規則的判斷很簡單:將包含!important的樣式直接覆蓋了正常生成的樣式規則,然後如果解析到後面還有!important規則時,再和以前的important規則比較優先級。就是說,使用!important的CSS規則是置為了最高優先級,然後最高優先級中去判斷應用那個樣式。

結論就是,使用!important對於性能並沒有什麼負面影響。但是從可維護性角度考慮還是少用這個規則。不過這個規則在IE6中有bug(IE6 IE7(Q) IE8(Q) 不完全支持 !important 規則),使用的時候還要注意。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved