使用内联CSS擦除从CSS文件继承的CSS属性

Question

我知道您可以覆盖 jsp 页面继承自jsp include CSS文件（即全局CSS文件）的 CSS 属性。
但是如果元素中的某个属性弄乱了某个特定的页面并且我想不让它仅在使用内联CSS的页面中使用该怎么办？例如，现在我在我的包含CSS文件中有这个：

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

但宽度：100％正在弄乱我的一个jsp页面的外观。我想不要在#roucrumb的页面中使用宽度：100％通过内联CSS，所以我必须在jsp页面上放入这个，所以它不会在#breadcrumb中使用该属性：

<style> 
#breadcrumb {

}
</style>

Answer 1

为您的元素添加style属性 - 例如

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

它将覆盖其他css规则 - 它具有最高优先级

Answer 2

您需要使用!important来覆盖内联样式。

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