注入新的樣式表規則

Question

我在頁面上使用了一些JavaScript來在頁面上放置一些插件，但是JavaScript添加了一些CSS樣式，這些新的CSS樣式覆蓋了頁面上現有的CSS樣式。

有沒有辦法可以禁用新的CSS樣式。我知道我可以使用JavaScript來刪除新創建的CSS規則，但我不想使用JavaScript。它是否可行？

感謝

Answer 1

您可以嘗試通過簡單的一些技巧來提高你的CSS規則的優先級。

例如，您可以爲html中的最外部容器元素（例如id =「yourContainerId」）提供一個id屬性。

#yourContainerId .yourClass1 { 

} 

#yourContainerId .yourClass2 { 

} 

等..如果你想了解更多關於CSS優先

，這樣的： 然後你就可以通過預先#yourContainerId到要提高所有的類提高你的CSS類的優先級是一個很好的資源： http://www.w3.org/wiki/CSS/Training/Priority_level_of_selector

注：這一招不能在某些特定的條件下工作，因爲如果你的JavaScript寫入內嵌樣式上的HTML元素有什麼做的，你只能用JS將其刪除。 告訴我，如果你需要一個jsFiddle的例子

Answer 2

只要看看這個CSS路徑，做下面的代碼：

$("rel").each(function(){ 
     if($(this).attr("href")=="insert you path here"){ 
     $(this).attr("disabled", "disabled"); 
     } 
    });