Простой вопрос о вложенности

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