CSS中的inherit关键字有什么作用？

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
}