结合CSS中的元素

Question

如何在CSS中组合元素？这就是我现在所拥有的：

#someID .some-class h1 {
    color: blue;
}

#someID .some-class h2 {
    color: blue;
}

#someID .some-class h3 {
    color: blue;
}

我想做的事情是这样的：

#someID .some-class h1 h2 h3{
    color: blue;
}

Answer 1

用逗号分隔整个选择器组：

#someID .some-class h1, #someID .some-class h2, #someID .some-class h3 {
    color: blue;
}

Answer 2

在纯CSS中，您只需列出以逗号分隔的所有选择器。请注意，再次在纯CSS中，即使部分内容相同，您也必须包含整个内容。

Answer 3

使用逗号

#someID .some-class h1, #someID .some-class h2,#someID .some-class h3{
    color: blue;
}

Answer 4

我会定位class而不是id和class。这是一个工作示例JSFiddle

.some-class h1,
.some-class h2,
.some-class h3 {
  color: white;
}