3

allCSS中的属性是如何使用的？

这个问题与这个有关。

据此：_

'all' 属性是重置所有 CSS 属性的简写。

Name:           all
Value:          initial | inherit | default
Initial:        See individual properties
Applies to:     See individual properties
Inherited:      See individual properties
Percentages:    See individual properties
Media:          See individual properties
Computed value: See individual properties
Animatable:     See individual properties

因此，它必须为选择器重置 CSS 属性。

这意味着，例如，如果我们导入 Twitter Bootstrap 并添加下面的样式，则.btn必须重置该类：

.btn {
    all: default;
}

这不会发生。看到这个jsFiddle。

我对么？这不是在网络浏览器中实现的吗？

4

4 回答 4

4

您链接到的 W3C 规范说它目前处于“工作草案”阶段。此外，CanIUse.com 上没有提及该all属性，所以我认为可以肯定地说它是实验性的。

您可能想尝试-webkit-all或-moz-all.

你知道，阅读此功能的规范，感觉就像是 hack。如果您适当地设计样式级联，则不需要此属性。

于 2013-04-14T05:24:37.930 回答
2

现在我相信只有 Firefox 支持all（从 27 版开始）。您可以使用all属性（例如 all: unset;）将值应用于每个属性（方向和 unicode-bidi 除外）。

于 2014-02-11T17:10:00.753 回答
0

在最新的 FireFox 中查看此笔：http: //codepen.io/tomliv/pen/AejFH

灰色区域有 3 个输入（真的！）。

这不是我所期望的，但也许设置all为initial您需要的更多？

于 2014-02-28T14:08:03.207 回答
-4

每个属性确实没有默认值 - 至少一个在所有浏览器中都是一致的。

这就是 CSS 重置的真正意义所在。我建议您查看 Eric Meyer 的 CSS 重置： http: //meyerweb.com/eric/tools/css/reset/。通常，这些类型的重置用于减少浏览器的不一致。

如果您希望将某些内容应用于所有元素（您仍然需要单独列出每个属性），请使用

* { /* Universal Selector */ }

使用重置样式表或一些 CSS 框架（如 bootstrap）可能是规范 CSS 和跨浏览器一致性的更好解决方案。

于 2013-04-14T05:35:46.403 回答