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

Question

<分区>

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 和 字体大小。