如何在div中选择一个常用的css类

Question

我必须在css代码中写些什么才能选择formblock2中的.formlabel类，例如将标题B的颜色改为绿色而不是红色？

.formlabel {color:red;}

<div class="form">
<div class="formblock1">
<div class="formlabel">Heading A
</div>
</div>
<div class="formblock2">
<div class="formlabel">Heading B
</div>
</div>
<div class="formblock3">
<div class="formlabel">Heading C
</div>
</div>
</div>

Answer 1

您可以调用它的父级，然后像这样调用您想要的div。

.formlabel {color:red;}
.formblock2 > .formlabel {color: green;}

<div class="form">
<div class="formblock1">
<div class="formlabel">Heading A
</div>
</div>
<div class="formblock2">
<div class="formlabel">Heading B
</div>
</div>
<div class="formblock3">
<div class="formlabel">Heading C
</div>
</div>
</div>