简单的嵌套问题

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 中。如果要分别设置每个标题的样式，则需要执行以下操作：

{{1}}