将google chrome中单个项目的css重置为浏览器默认值

我的浏览器扩展将div项嵌入到浏览器动态打开的网页中。div包含多个子项，如按钮、跨距、输入框等

问题是当div插入到页面时，页面的css会影响div及其内容

例如，如果页面具有css，例如：

span {
 text-shadow: 1px 1px 1px blue;
}

然后，我的动态添加div中的跨距具有蓝色文本阴影。我要做的就是设置任何可能影响div内容的指令！重要的，比如

mydiv span {
  text-shadow: none !important;
}

这是垃圾

是否有任何合理的方法来覆盖给定项目的css，使其返回到浏览器（google chrome）默认值

谢谢。

您无法“重置”css规则，您必须覆盖它们（

文本阴影：无；

）

是否有任何合理的方法可以将css重置为仅针对单个项目的浏览器默认值

遗憾的是，没有。在某些情况下，

auto

值将作为默认值，但并不总是这样，而且您仍然必须为每个可能的属性指定它。这是一些关于CSS的东西，真的很糟糕

不过，我想到了一个想法。鉴于您特别询问Chrome，如果您控制所有CSS类并且不介意一些混乱，您可能可以使用CSS3的

而不是
，如下所示：

span:not(.default) {
 text-shadow: 1px 1px 1px blue;
}

如果在每个CSS规则中使用
not（.default）
，则如果您为元素指定
default
类，则可以使用具有默认行为的元素：

<div class="default">



我个人没有使用CSS 3的经验，但这应该是可行的。它在较旧的浏览器中不起作用，因此它（尚未）真正与主流兼容。
是的，我想问的是如何覆盖单个项目的页面css，使其恢复到浏览器默认值：）向项目添加类或id，并覆盖css规则，使其成为浏览器规则。