all

CSS 中的 all 属性会重置选定元素的所有属性，除了控制文本方向的 direction 和 unicode-bidi 属性。

.module {
  all: unset;
}

它的目的是允许对组件级样式进行重置。 有时从头开始进行样式设置比对抗已经存在的样式要容易得多。

值

• initial：将选定元素的所有属性重置为 CSS 规范中定义的初始值。
• inherit：选定元素继承其父元素的所有样式，包括通常不可继承的样式。
• unset：选定元素继承从父元素传递下来的任何可继承的值。 如果没有可继承的值，则 CSS 规范中的初始值将用于每个属性。

一些属性在规范中没有明确定义初始值，而是允许用户代理设置初始值——color 和 font-family 是两个示例。 如果应用了 all: initial; 或 all: unset;，则用户代理默认值将用作这些属性的 initial 值。

all 被认为是“简写”属性，因为它允许我们通过单个声明来控制所有 CSS 属性的值。 但是，与大多数简写属性不同，它没有实用的“完整写法”版本，也没有子属性。

演示

请参阅 CSS 选项卡以查看指示哪些属性可继承的注释。 注意，当使用 inherit 值时，div 会继承其父元素的所有属性，包括其 width、padding 和 border，这些属性通常不可继承。

查看 Pen all 属性演示 由 CSS-Tricks (@css-tricks) 在 CodePen 上创建。

更多信息

• W3C CSS 级联和继承级别 4 编辑草案中的 all
• CSS2 全属性表：显示所有 CSS2 属性的可继承性。 CSS3 规范被分成多个部分，并在 规范表 中索引。
• 了解初始值：有关 initial 值的更多详细信息。
• 在 Firefox 27 中使用“all: unset”重置样式 (2013) 由 Cameron McCormack 撰写

浏览器支持