以下討論的是和!important 規(guī)則 性能 相關(guān)的討論一下CSS中常見的的!important規(guī)則使用方法對性能是否有影響教程文章，內(nèi)容是本站精心挑選整理的教程，希望對廣大的網(wǎng)友給到幫助,下面是詳細(xì)內(nèi)容：

    最近在做項目中發(fā)現(xiàn)很多CSS代碼里面都使用!important去覆蓋原有高優(yōu)先級的樣式。按照常理來說，越是靈活的東西，需要做的工作就會更多。所以 想當(dāng)然的認(rèn)為像!important這樣靈活、方便的規(guī)則如果用得多的話肯定會對性能有所影響。基于這種考慮，本來想把所有的這些樣式通過提高優(yōu)先級給去 掉的。不過后來一想，還是去google一下吧，猜想一般都是不可靠的。于是查到了這篇文章Is !important bad for performance?。下面是大概意思：        firefox對于CSS的解析代碼/source/layout/style/nsCSSDataBlock.cpp#562對于important的處理是這樣的：

if (aIsImportant) {
    if (!HasImportantBit(aPropID))
      changed = PR_TRUE;
    SetImportantBit(aPropID);
  } else {
    // ...

source/layout/style/nsCSSDataBlock.h#219這里面有條評論算是對上面代碼的解釋：

/**     * 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規(guī)則的判斷很簡單：將包含!important的樣式直接覆蓋了正常生成的樣式規(guī)則，然后如果解 析到后面還有!important規(guī)則時，再和以前的important規(guī)則比較優(yōu)先級。就是說，使用!important的CSS規(guī)則是置為了最高優(yōu)先 級，然后最高優(yōu)先級中去判斷應(yīng)用那個樣式。

      結(jié)論就是，使用!important對于性能并沒有什么負(fù)面影響。但是從可維護性角度考慮還是少用這個規(guī)則。不過這個規(guī)則在IE6中有bug（IE6 IE7(Q) IE8(Q) 不完全支持 !important 規(guī)則），使用的時候還要注意。