阻止外部CSS

我有一个外部CSS页面应用于我网站上的所有页面。阻止外部CSS

我怎样才能使一个元件，该CSS没有被施加到

实施例：外部片：

<style> 
.item{ 
    //Some CSS 
} 
</style>

HTML：

<style> 
.item{ 
    //Block CSS 
} 
</style> 
<div class="item"></div>

基本上你不能，除非你的CSS是**比外部CSS更具体的**被应用于 –

一旦样式应用于DOM元素，它们不能被取消或删除。他们只能被覆盖。您可以通过应用新的样式来覆盖旧样式，使其像您想要的一样。 –

为了呼应Paulie_D的评论中，有你可以做几件事（我假设你不能编辑外部CSS文件）：

将另一个样式表放在链接到外部CSS样式表后的样式表中 - 这样您的样式表规则将覆盖外部样式表规则。根据需要将!important添加到您所需的规则。
对于由外部样式表影响的元素，添加内嵌规则
命名空间的变化 - 改变你的选择名，使他们不被外部CSS样式。例如.item变成例如.item-nostyle
微妙的html更改 - 一个<b>标记可以重写为例如。 <span>与font-weight:bold;或<span>标记与font-style:italic可能可能被重写为<i> - 要小心如果选择此路径。

2016-09-15 14:30:42

还应该注意'element.item将优先于'.item' –

回答