Question

有人可以解释一下，CSS中的遗传关键字是什么意思？

Answer 1

它将使用与其父级具有的相同属性相同的值。

HTML：

<body>
<h1></h1>
</body>

的CSS：

body{
 margin: 234px;
}
h1{
 margin: inherit; #=234px
}

请注意，如果文件中有多个<h1>实例，则会占用其父级的边距。所以234px并不总是它所具有的价值。例如

HTML：

<body>
  <h2></h2>
  <div>
    <h2></h2>
  </div>
</body>

的CSS：

body{
margin: 20px;
}
div{
margin: 30px;
}
h2{
margin: inherit; #20px if parent is body; 30px if parent is div
}