将所有内容设置为默认值的 CSS 重置

Question

我正在开发一个浏览器扩展，将它的 UI 添加到页面 DOM。在某些页面上，我遇到某些样式会影响我的 UI 的问题。为了解决这个问题，我将我的 UI 放在一个公共根之下，它将大多数样式重置为默认值。

有时我会错过导致 UI 出现视觉故障的东西。（即页面 ​​CSS 文件集，form { width: 80%; }所以我需要添加form { width: auto; }到我的重置样式中。

是否有一组样式将每个 CSS 属性重置为每个元素的标准声明为默认值的值？

Answer 1

我也遇到过同样的问题。其他答案列出的常用 CSS 规范化器并不能回答这个问题，因为它是为了消除浏览器默认样式之间的差异而设计的。

在扩展的背景下，我需要取消随机网站上可能存在的每种特定样式。

我遇到过这个解决方案（我不确定七年前提出问题时是否可能）。

.your-container-class,
.your-container-class *,
.your-container-class *::before,
.your-container-class *::after {
    all: initial;
}

到目前为止，它似乎通过消除网站之间的差异来实现这一目标。缺点是它甚至会重置一些默认样式（例如，ol行为不像列表）。ulli

Answer 2

Html5 样板有一个 normalize.css，它将许多 css 样式设置为默认值。 http://html5boilerplate.com/