简单的嵌套问题

Question

我有一个班级:

.header { background-color: #233574}

我想在我的课堂上设置h1,h2,h3,h4,h5,h6的样式.我认为这是写得像这样:

.header{}
.header h1 h2 h3 h4 h5 h6 { color: #FFFFFF} //Style these elements within the .header class

<div class="header">
<h1>Header</h1>
</div>

我究竟做错了什么？h元素仍然没有风格？

Answer 1

您正在做的只会h6标记h5位于...内并最终嵌套在其中的标记内的标记.header.如果要分别设置每个标题的样式,则需要执行以下操作:

.header h1, .header h2, .header h3, .header h4, .header h5, .header h6
    { color: #FFFFFF} //Style these elements within the .header class