继承在CSS中意味着什么？

Question

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

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

Answer 1

inherit意味着该样式将从元素的父级继承。例如：

jsFiddle

<强> HTML

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

<强> CSS

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

在inherit上使用background通常对你没什么好处，通常会产生与透明背景默认相同的效果。上面的示例实际上没有添加任何内容，它将蓝色背景置于蓝色背景之上，inherit的主要目的是用于某些默认值，例如color和font-size。< / p>

Answer 2

它继承了一般继承的功能。它继承了父元素的属性

说我们有以下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

也会看到此帖子What does the inherit keyword in CSS do?