阻止外部CSS

Question

我有一個外部CSS頁面應用於我網站上的所有頁面。

我怎樣才能使一個元件，該CSS沒有被施加到

實施例： 外部片：

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

HTML：

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

Answer 1

爲了呼應Paulie_D的評論中，有你可以做幾件事（我假設你不能編輯外部CSS文件）：

1. 將另一個樣式表放在鏈接到外部CSS樣式表後的樣式表中 - 這樣您的樣式表規則將覆蓋外部樣式表規則。根據需要將!important添加到您所需的規則。

2. 對於由外部樣式表影響的元素，添加內嵌規則

3. 命名空間的變化 - 改變你的選擇名，使他們不被外部CSS樣式。例如.item變成例如.item-nostyle

4. 微妙的html更改 - 一個<b>標記可以重寫爲例如。 <span>與font-weight:bold;或<span>標記與font-style:italic可能可能被重寫爲<i> - 要小心如果選擇此路徑。