在小部件的樣式表中使用的重要財產我有被加載到我的網頁頁腳Twitter的插件。問題在於它使用!重要的屬性到處都是。而且因爲我的樣式表都加載到頭部,小部件的樣式表自動覆蓋任何礦場。重寫!在頁腳
難道我真的把幾個獨立的風格在我的文檔的頁腳,小部件下方,得到強制此。還是有更多的語義方法?
在小部件的樣式表中使用的重要財產我有被加載到我的網頁頁腳Twitter的插件。問題在於它使用!重要的屬性到處都是。而且因爲我的樣式表都加載到頭部,小部件的樣式表自動覆蓋任何礦場。重寫!在頁腳
難道我真的把幾個獨立的風格在我的文檔的頁腳,小部件下方,得到強制此。還是有更多的語義方法?
我會去通過,並看看是否有一種方法可以讓你的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/
<div id="myWrapper">
<div id="theDefaultId">
....
</div>
</div>
,你可以使用#myWrapper #theDefaultId { anything: value !important; }
theDefaultId
是嘰嘰喳喳的小部件使用和#myWrapper
是我們定義的ID的ID。
這應該工作。
當'important'濫用進場時,你可以輕鬆,安全地忘掉語義。 – BoltClock