CSS3定位多个类中的多个元素

Question

我正在尝试使用以下代码定位两个类（'section2'和'section3'）中的所有标题元素：

.section2,.section3 h1,h2,h3,h4,h5,h6 {
    color:white;
}

但它只针对section3。有谁知道为什么？

编辑： 这是我的HTML：

    <section class="section2">
        <h1>Test</h1>
    </section>
    <section class="section3">
        <h1>Test</h1>
    </section>

Answer 1

.section3 h1 {
    color:white;
}

您指定.section3 h1，专门针对section3 h1，这是它工作的唯一原因。为了让它全部工作，试试这个。

h1,h2,h3,h4,h5,h6{
  color:inherit;
}
.section2, .section3  {
    color:white;
}

Answer 2

.section2 h1,h2,h3,h4,h5,h6      ,.section3 h1,h2,h3,h4,h5,h6 {
   color:white;
}