Javascript 在bookmarklet中重置CSS属性

我正试图通过bookmarklet附加新的

元素和一些内容，并添加一些内联CSS

问题是来自主页的CSS通常也会影响这个div

为了确保bookmarklet中的样式始终比任何父页面中的样式更重要，您更愿意采用什么方法

最可靠的解决方案是为div中的每个元素设置所有可能的CSS属性。这明智吗？我在哪能拿到名单

我找到了可以重置的

---

也许一些js解决方案会更好？例如，检测主页已经应用了哪些样式，并将它们重置为默认值？无论如何，我会在这个bookmarklet中提供jQuery。

可靠的解决方案是iframe

您可以动态创建它，并在src标记中使用“javascript:”协议分配内容

var iframe = document.createElement('iframe');

iframe.src = "javascript:'<div> Yours Content </div>'";
document.body.appendChild(iframe);

var-iframe=document.createElement（'iframe'）；
iframe.src=“javascript:‘您的内容’”；
document.body.appendChild（iframe）；

或者，您可以插入空的iframe，等待加载并根据需要修改iframe文档。例如：

var iframe = document.createElement('iframe');

iframe.src = 'about:blank';
document.body.appendChild( iframe  );

iframe.onload = function() {
  iframe.contentWindow.document.body.innerHTML = '<div> Yours content </div>';
};

var-iframe=document.createElement（'iframe'）；
iframe.src='about:blank'；
document.body.appendChild（iframe）；
iframe.onload=函数（）{
iframe.contentWindow.document.body.innerHTML='您的内容'；
};

---

或者，您可以创建单独的.html页面并将其作为iframe插入<代码>不过，您需要在某个位置托管页面，并且文档在没有附加脚本的情况下将无法访问父页面。（

.postMessage（）

）

你是说使用！样式属性末尾的重要信息：例如

背景色：绿色！重要信息

；！重要的是我的风格是不够的，我需要使用！对所有的风格都很重要，不仅仅是我正在设置的几个。我希望新的div像一个单独的页面一样运行。可能包括