继承在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; }

然而,使用inheriton background通常对你没什么好处,并且通常产生与透明背景的默认值相同的效果.上面的例子没有添加任何内容,它将蓝色背景置于蓝色背景之上,其主要目的inherit是用于某些默认值,例如with color和font-size.