CSS标题样式问题

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等等.