CSS all 属性

修改所有元素或其父元素的属性为初始值：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <style>
    html {
      font-size: small;
      color: blue;
    }

    #ex1 {
      background-color: yellow;
      color: red;
    }

    #ex2 {
      background-color: yellow;
      color: red;
      all: inherit;
    }

    #ex3 {
      background-color: yellow;
      color: red;
      all: initial;
    }

    #ex4 {
      background-color: yellow;
      color: red;
      all: unset;
    }
  </style>
</head>
<body>

  <p>没有 all 属性:</p>
  <div id="ex1">蜜蜂教程 -- 有问题，找小蜜！！！</div>

  <p>all: inherit:</p>
  <div id="ex2">蜜蜂教程 -- 有问题，找小蜜！！！</div>

  <p>all: initial:</p>
  <div id="ex3">蜜蜂教程 -- 有问题，找小蜜！！！</div>

  <p>all: unset:</p>
  <div id="ex4">蜜蜂教程 -- 有问题，找小蜜！！！</div>

  <p><b>注意：</b> Internet Explorer 和 Safari 浏览器不支持 all 属性。</p>

</body>
</html>

尝试一下 »

定义和使用

all 属性用于重置所有属性，除了 unicode-bidi 和 direction。

默认值: none
继承: 无
动画: no。 阅读 animatable
版本: CSS3
JavaScript 语法: object.style.all="initial"

浏览器支持

The numbers in the table specify the first browser version that fully supports the property.

表格中的数字表示支持该属性的浏览器最低版本号。

属性
all 37.0 不支持 不支持 27.0 不支持 24.0

CSS 语法

all: initial|inherit|unset;

属性值

值 描述
initial 修改所有元素属性或父元素的值为其初始化值
inherit 修改所有元素属性或父元素的值为其父元素的值
unset 修改所有元素属性或父元素的值为其父元素的值(如果有继承)或其初始值