注入新樣式表規則

Question

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

有沒有辦法禁用新的CSS樣式。 我知道我可以使用javascript刪除新創建的css規則，但是我不想使用javascript。 有可能嗎？

謝謝

Answer 1

只需查看以下css路徑並執行以下代碼即可：

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

Answer 2

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

例如，您可以將id屬性賦予html中最外部的容器元素，例如id =“ yourContainerId”。 然后，您可以通過將#yourContainerId放在要引發的所有類的前面來提高css類的優先級：

#yourContainerId .yourClass1 {

}

#yourContainerId .yourClass2 {

}

等等..

如果您想了解有關CSS優先級的更多信息，這是一個很好的資源： http : //www.w3.org/wiki/CSS/Training/Priority_level_of_selector

注意：此技巧在某些特定條件下無法使用，因為如果您的javascript在html元素上編寫了內聯樣式，則無需執行任何操作，則只能使用js刪除它們。 告訴我是否需要jsFiddle示例