css - CSS中的继承是什么意思？

Question

我经常使用background: inherit;. 像这样，许多其他 CSS 属性接受继承作为值。

但这是什么inherit意思？它是如何工作的？

score 11 · Accepted Answer

inherit仅表示样式将从元素的父级继承。例如：

HTML

<div class="blue">
    <div class="inherit">I also have a blue background!</div>
</div>

CSS

.blue { background: blue; }
.inherit { background: inherit; }

然而，使用inheritonbackground通常不会对你有多大好处，并且通常会产生与默认透明背景相同的效果。上面的示例实际上并没有添加任何内容，它将蓝色背景放在蓝色背景之上，主要目的inherit是用于某些默认值，例如 withcolor和font-size。

score 4 · Accepted Answer

它做了继承通常所做的事情..即继承父元素的属性

假设我们有以下 html

<div>
  <h1>text<h1>
 </div>

我们有类似的css

 div
  {
    padding : "10px"
 }
 h1
 {
   padding : inherit //10px
 }

since h1 is child of div so will use the value of padding property for div

2 回答 2