css - 在 CSS 中只继承一个属性

Question

假设我们有这个：

.first-class {
background: purple;
font-weight: bold;
color: white;
}
.first-class > .second-class {
/* code goes here */
}

在 .second-class 中，是否可以只从第一类继承一个属性，比如背景，而将其他属性保留为默认值？

Answer 1

不，您必须重置它们。.first-class作为的父母.second-class将继承它。

这是一个工作示例，用于说明重置前的场景。

现在，当您重置它时。

在重置之前和之后找到以下代码。

重置前：

的HTML：

<div class="first-class">
    <div class="second-class">abcd</div>
</div>

CSS：

.first-class {
background: purple;
font-weight: bold;
color: white;
}
.first-class > .second-class {
/* code goes here */
}

重置后：

的HTML：

<div class="first-class">
    <div class="second-class">abcd</div>
</div>

CSS：

.first-class {
background: purple;
font-weight: bold;
color: white;
}
.first-class > .second-class {
background: inherit;
font-weight:normal;
color:black;
}