CSS中的inherit是什么意思？

Question

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

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

- Bhojendra Rauniyar

---

从父类继承它 - Hanky Panky

你应该先尝试谷歌搜索。这里是一个不错的链接：https://developer.mozilla.org/zh-CN/docs/Web/CSS/inherit - Ayush

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; }

在`background`上使用`inherit`通常不会对您有太大的帮助，而且通常会产生与透明背景相同的结果。上面的例子实际上没有添加任何东西，它将蓝色背景放在另一个蓝色背景上，`inherit`的主要目的是用于某些默认值，例如`color`和`font-size`。

- Daniel Imms

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

还可以查看这个帖子CSS中的inherit关键字是什么意思？

- alwaysLearn

---

我在Treehouse上卡住了，这个问题很有帮助，顺便说一句谢谢。 - Richard Peter Targett