我的这个 html
页面有 css
样式。
.paragraphs {
color: orange;
background-color: gray;
}
p.first {
color: inherit;
background-color: inherit;
}
p.second {
color: initial;
background-color: initial;
}
<div class="paragraphs">
<p class="first">Paragraph 1</p>
<p class="second">Paragraph 2</p>
</div>
两个元素都有灰色的背景颜色,但是p.first
会被赋予橙色的color
, 而p.second
则是黑色的color
。
为什么使用background-color: initial;
不能将background-color
返回到它的默认状态,而color: initial;
却可以呢?