我经常使用background: inherit;
。像这样,许多其他CSS属性也接受inherit作为值。
但是inherit是什么意思?它是如何工作的?
我经常使用background: inherit;
。像这样,许多其他CSS属性也接受inherit作为值。
但是inherit是什么意思?它是如何工作的?
<div class="blue">
<div class="inherit">I also have a blue background!</div>
</div>
.blue { background: blue; }
.inherit { background: inherit; }
它的作用与继承一般相同,即继承父元素的属性。
假设我们有以下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关键字是什么意思?