html - 在DIV中设置SPAN的样式

假设我有以下几点:

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

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

我怎样才能做到这一点？ (请没有javascript，只有CSS)

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

最佳答案

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

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

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

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

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

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

关于html - 在DIV中设置SPAN的样式，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/15853899/