使用內聯CSS擦除從CSS文件繼承的CSS屬性

我知道您可以覆蓋從jsp包括CSS文件（即全局CSS文件）繼承的頁面的屬性CSS屬性。
但是如果在一個元素中存在一個屬性混淆了某個特定頁面，而我想不在該頁面中僅使用內嵌CSS來使用它呢？例如，現在我有這個，我包括CSS文件：使用內聯CSS擦除從CSS文件繼承的CSS屬性

#breadcrumb { width: 100%; border: 2px solid white; font-size: 9px; color: #330066; margin-top: 0; }

但寬度：100％是搞亂我的jsp頁面中的一個的樣子。我不想在該頁面中使用width：100％來通過內聯CSS使用#breadcrumb，所以我必須在該jsp頁面上放置什麼，以便它不會在#breadcrumb中使用該屬性：

<style> 
#breadcrumb { 

} 
</style>

2014-06-17 user974047

您需要使用!important覆蓋內聯樣式。

<style> 
#breadcrumb { 
    width: auto !important; /* or whatever value you need */ 
} 
</style>

2014-06-17 15:36:15 Jason

這是一個非常糟糕的主意：！重要的應該避免，因爲它打破了級聯規則。 – Ioan

@Qaz：[這個小提琴證明否則]（http://jsfiddle.net/L58Wm/）。 – Jason

@Ioan：如果他想用''塊中的規則覆蓋內聯樣式，這是唯一的選擇。 – Jason

添加style屬性的元素 - 例如

<div style="width:20%;"></div>

它會覆蓋其他的CSS規則 - 它具有最高的優先級

2014-06-17 15:33:45 mkubacki

回答