如何爲給定的HTML元素「重置」樣式？

Question

我正在研究將HTML元素插入到未知頁面的可嵌入JavaScript。我無法控制我要插入HTML的頁面的樣式表。問題是我插入的HTML會被頁面錯誤地風格化，而我想阻止它。

什麼是最簡單和/或資源密集型去確保我插入的元素是正好我希望他們是什麼？是否有一種簡單的方法可以清除給定的HTML元素和子元素的所有樣式？例如，在螢火蟲中，您可以刪除所有樣式。我覺得有必須，最起碼應該，是一種原生的方式來免除樣式表規則中的某些HTML元素？

例子：

var myHTML = $("<div>my html in here</div>"); 
myHTML.resetAllStyles(); //<--- what would this function do? 
myHTML.appendTo("body"); 

我真的想避免明確說明我想爲我插入的每個元素的屬性...

PS：我有很多與JS和CSS的經驗，所以你可以假設我會理解你要告訴我的任何事情。

Answer 1

您無法阻止從父節點繼承CSS樣式的元素。你所能做的就是覆蓋所有已被繼承的樣式。