在DIV中设置SPAN样式

Question

假设我有以下内容：

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

我想在background-color上的msg-warn课程中添加DIV，以使SPAN继承所述背景颜色。我无法将课程应用于SPAN。

我怎样才能做到这一点？ （没有javascript，只有CSS）

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

Answer 1

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

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

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

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

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

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

Answer 2

您是否尝试过以下内容？

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