简单的嵌套问题

【问题标题】：Simple Nesting Question简单的嵌套问题
【发布时间】：2010-10-06 23:36:32
【问题描述】：

我有一堂课：

.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 元素还是不搭风格？

【问题讨论】：

【解决方案1】：

您所做的将仅设置位于...内的h5 标签内的h6 标签，并最终嵌套在.header 内。如果要单独设置每个标题的样式，则需要执行以下操作：

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

【讨论】：