html - 在 DIV 中设置 SPAN 样式

Question

假设我有以下内容：

<DIV class="msg-warn">
 <SPAN>some message</SPAN>
</DIV>

我想在as上的类中添加一个background-color以继承所述背景颜色。我无法将课程应用于.msg-warnDIVSPANSPAN

我怎样才能做到这一点？（请不要使用javascript，只需CSS）

编辑：我发现DIV继承的东西使它的高度为 1px...

Answer 1

.msg-warn如果您想为整个类设置样式并使其继承，只需将其添加到。

.msg-warn {
    background-color:#F00;
}

如果你想在 .msg-warn 目标中设置所有s 的样式，如下所示： <span>

.msg-warn span {
    background-color:#F00;
}

如果要设置所有直系后代 <span>的样式（直接子代，而不是子代的子代），请使用>

.msg-warn > span {
    background-color:#F00;
}

Answer 2

您是否尝试过类似以下的方法？

div.msg-warn > span {
   background-color: #f00;
}