所有

The all 简写 CSS property resets all of an element's properties except unicode-bidi, direction, and CSS 自定义属性. It can set properties to their initial or inherited values, or to the values specified in another cascade layer or stylesheet origin.

试试

构成属性

此属性是除 unicode-bidi、direction 和 自定义属性 之外的所有 CSS 属性的简写。

语法

css
/* Global values */
all: initial;
all: inherit;
all: unset;
all: revert;
all: revert-layer;

The all property is specified as one of the CSS global keyword values. Note that none of these values affect the unicode-bidi and direction properties.

值

initial

指定元素的所有属性应更改为其 初始值。

inherit

指定元素的所有属性应更改为其 继承的值。

unset

指定元素的所有属性应更改为其继承的值（如果它们默认情况下继承），或更改为其初始值（如果它们不继承）。

revert

指定取决于声明所属样式表来源的行为

  • 如果规则属于 作者来源，则 revert 值将 级联 回滚到用户级别，以便 指定的值 计算为好像没有为元素指定任何作者级规则一样。为了 revert 的目的，作者来源包括覆盖和动画来源。
  • 如果规则属于 用户来源，则 revert 值将 级联 回滚到用户代理级别，以便 指定的值 计算为好像没有为元素指定任何作者级或用户级规则一样。
  • 如果规则属于 用户代理来源，则 revert 值的行为与 unset 相同。
revert-layer

指定元素的所有属性应将级联回滚到先前 级联层（如果有）。如果不存在其他级联层，则元素的属性将回滚到当前层中匹配的规则（如果有），或回滚到先前 样式来源。

正式定义

初始值它没有实际的初始值。
适用于所有元素
继承否
计算值作为指定的值应用于此简写所代表的每个属性。
动画类型作为简写中的每个属性（除 unicode-bidi 和 direction 之外的所有属性）

正式语法

all = 
  initial       |
  inherit       |
  unset         |
  revert        |
  revert-layer

示例

在本例中，CSS 文件包含针对 <blockquote> 元素的样式，以及一些针对父级 <body> 元素的样式。结果小节中的各种输出演示了在 blockquote 规则中将不同的值应用于 all 属性时，<blockquote> 元素的样式是如何受到影响的。

HTML

html
<blockquote id="quote">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</blockquote>
Phasellus eget velit sagittis.

CSS

css
body {
  font-size: small;
  background-color: #f0f0f0;
  color: blue;
  margin: 0;
  padding: 0;
}

blockquote {
  background-color: skyblue;
  color: red;
}

结果

A. 没有 all 属性

这是在 blockquote 规则中没有设置 all 属性的情况。 <blockquote> 元素使用浏览器的默认样式，该样式为其提供了边距，以及样式表中指定的特定背景和文本颜色。它也表现为一个 *块级* 元素：紧随其后的文本位于其下方。

B. all: initial

在 blockquote 规则中将 all 属性设置为 initial 时，<blockquote> 元素不再使用浏览器的默认样式：它现在是一个 *内联* 元素（初始值），其 background-color 为 transparent（初始值），其 font-size 为 medium，其 color 为 black（初始值）。

C. all: inherit

在这种情况下，<blockquote> 元素不使用浏览器默认样式。相反，它从其父级 <body> 元素继承样式值：它现在是一个 *块级* 元素（继承值），其 background-color 为 #F0F0F0（继承值），其 font-size 为 small（继承值），其 color 为 blue（继承值）。

D. all: unset

当在 blockquote 规则中将 unset 值应用于 all 属性时，<blockquote> 元素不使用浏览器默认样式。因为 background-color 是一个非继承属性，而 font-size 和 color 是继承属性，所以 <blockquote> 元素现在是一个 *内联* 元素（初始值），其 background-color 为 transparent（初始值），但其 font-size 仍然是 small（继承值），其 color 为 blue（继承值）。

E. all: revert

当在 blockquote 规则中将 all 属性设置为 revert 时，blockquote 规则被认为是不存在的，样式属性值从应用于父级元素 <body> 的值继承。因此，<blockquote> 元素被设置为一个 *块级* 元素，其 background-color 为 #F0F0F0，font-size 为 small，color 为 blue - 这些值都从 body 规则继承。

F. all: revert-layer

CSS 文件中没有定义级联层，因此 <blockquote> 元素从匹配的 body 规则继承其样式。这里的 <blockquote> 元素被设置为一个 *块级* 元素，其 background-color 为 #F0F0F0，font-size 为 small，color 为 blue - 这些值都从 body 规则继承。这种情况是 all 设置为 revert-layer 时与 all 设置为 revert 时行为相同的示例。

规范

规范
CSS 级联与继承 第 4 级
# all-shorthand

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参阅

CSS 全局关键字值：initial，inherit，unset，revert，revert-layer