2012-01-23 59 views
3

在小部件的樣式表中使用的重要財產我有被加載到我的網頁頁腳Twitter的插件。問題在於它使用!重要的屬性到處都是。而且因爲我的樣式表都加載到頭部,小部件的樣式表自動覆蓋任何礦場。重寫!在頁腳

難道我真的把幾個獨立的風格在我的文檔的頁腳,小部件下方,得到強制此。還是有更多的語義方法?

+0

當'important'濫用進場時,你可以輕鬆,安全地忘掉語義。 – BoltClock

回答

2

我會去通過,並看看是否有一種方法可以讓你的CSS更specific比二手的選擇。特異性的規則將確保您!important樣式覆蓋嘰嘰喳喳!important風格。

否則,作爲最後的手段,如果!important只用於在Twitter的CSS類,那麼你可以指定一個id任何東西是重寫,以確保您的選擇是更具體。

/* your style */ 
#anti_twitter a.link { 
    color: blue !important; 
} 

/* twitter style */ 
a.link { 
    color: red !important; 
} 

因此,使用上面的代碼,鏈接會出現藍色。

的jsfiddle:http://jsfiddle.net/9T9uk/

1
<div id="myWrapper"> 
    <div id="theDefaultId"> 
     .... 
    </div> 
</div> 

,你可以使用#myWrapper #theDefaultId { anything: value !important; }

theDefaultId是嘰嘰喳喳的小部件使用和#myWrapper是我們定義的ID的ID。

這應該工作。