Css 简单嵌套问题

Css 简单嵌套问题,css,css-selectors,Css,Css Selectors,我有一门a课: .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> <

我有一门a课:

.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>
.header{}
.header h1 h2 h3 h4 h5 h6{color:#FFFFFF}//在.header类中设置这些元素的样式
标题

我做错了什么?h元素仍然没有选择样式?

您所做的将只设置
h6
h5
内标签的样式。。。最后嵌套在
.header
中。如果要单独设置每个标题的样式,需要执行以下操作:

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

您所做的将仅为
h6
h5
内的标签设置样式。。。最后嵌套在
.header
中。如果要单独设置每个标题的样式,需要执行以下操作:

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