CSS all 属性

all 属性用于设置元素的所有 CSS 属性的初始值，相当于重置元素样式。

语法

element {
  all: initial | unset | inherit;
}

• initial：将所有 CSS 属性重置为它们的初始值。
• unset：将所有 CSS 属性重置为它们的默认值。
• inherit：继承父元素的所有 CSS 属性值。

示例

// www.javascriptcn.com code example
/* 将所有 CSS 属性重置为初始值 */
div {
  all: initial;
}

/* 将所有 CSS 属性重置为默认值 */
p {
  all: unset;
}

/* 继承父元素的所有 CSS 属性值 */
span {
  all: inherit;
}

在实际开发中，可以利用 all 属性快速重置元素的样式，然后根据需要重新定义特定的样式，提高开发效率。