2

我只是想知道是否存在针对 CSS3 的全局 CSS 重置。与Eric Meyer或YUI创建的常用版本类似，但专门针对 CSS3。我在 SO 上查询过 Google、Github 和 here 等渠道，但没有找到全面的解决方案。

编辑：“重置”一词可能具有误导性，因为它主要涉及重置浏览器默认设置。“重新校准”可能更适合。

我应该澄清并提出一个用例。

这将与正常的 CSS 重置一起工作，但也可以处理由旋转、框阴影、动画、边框半径等引起的任何样式。例如，如前文所述：

-webkit-transform:none; /* Safari and Chrome */
-moz-transform:none; /* Firefox */
-ms-transform:none; /* IE 9 */
-o-transform:none; /* Opera */
transform:none;

上面的片段和其他类似的片段将与可能受它们影响的任何 HTML 标记相关联，就像当前的 CSS 重置一样。

如果您可以控制您的属性，那么对此的实现需求可能不会太常见。但是，例如，如果您正在创建一个将在不同域中使用的应用程序或插件，其中调用插件脚本的页面样式会影响插件本身的样式，那么类似这将非常有用。

我意识到还有其他方法可以驯服 CSS 继承和处理跨域问题，但这个问题是关于 CSS3 重置直接提出的。

非常感谢。

4

1 回答 1

2

解决问题的真正方法是使用scoped属性，或者使用 Shadow DOM 创建小部件。

这样，您可以将自己与外部 CSS 隔离开来。不幸的是，两者都没有真正准备好使用，所以是的，你必须手动保护自己。

另一种方法是使用 设置代码中的所有内容（转换、字体大小、填充等）!important，而不是将其重置为 0/none，然后重新设置。

于 2012-06-29T06:58:28.283 回答