Question

我觉得这个问题的答案可能很简单，但我老老实实地在努力解决这个问题。

我有一个网页，其中所有标题都需要为蓝色，因此我将其添加到我的样式表中：

h1, h2, h3, h4, h5, h6 {
color: blue;
}

然而，在同一页面上会有5个不同的div，其中标题颜色需要不同，所以我尝试了这个：

#divname h1, h2, h3, h4, h5, h6 {
color: green;
}

然而，它正在使页面上的所有标题变为绿色，而不仅仅是div中的标题。也许我的CSS能力仍然有点生疏，但我在这里做错了什么。我正在编辑的网站相当陈旧，并且应用了一些古老的CSS，它是否只是与旧的CSS冲突？

谢谢！

Answer 1

逗号启动一个全新的标记名称，因此您必须执行此操作：

#divname h1, #divname h2, #divname h3, #divname h4, #divname h5, #divname h6 {
  color: green;
}

Answer 2

如果没有看到CSS的其余部分，很难肯定地说，但这是一个问题：

#divname h1, h2, h3, h4, h5, h6 {
color: green;
}

将其更改为：

#divname h1, #divname h2, #divname h3, #divname h4, #divname h5, #divname h6 {
color: green;
}

逗号内的每个位都单独计算。在第一个版本中，您选择了#divname中的所有h1s，以及所有h2s，所有h3s以及所有h4s等等。

Answer 3

尝试

#divname h1, #divname h2, #divname h3, #divname h4, #divname h5, #divname h6 {
  color: green;
}