Html id h1，h2，h3{}被先前的id h1，h2，h3{}覆盖

我用这个.css来控制不同div中的h1h2和h3s

  #about h1, h2, h3{
  font-family: 'Noto Serif', serif;
  font-style: italic;
  color: #797979;
}


#consult h3{
  color: #797979;
  margin-top: 59px;
  margin-bottom: 31px;
}

我有两个不同的部门，一个是咨询部，另一个是咨询部

---

但是，consult h3继承了about h3？的所有内容，您需要它，因为您现有的规则h3包含表单中的每个h3。通过放置约h3，规则将仅适用于约范围内的h3，这将阻止h3覆盖您的咨询h3

---

选择器字符串中的逗号h1、h2、h3完全打断选择器。例如，你第一个CSS规则

#about h1, h2, h3{
    font-family: 'Noto Serif', serif;
    font-style: italic;
    color: #797979;
}

与此相同,

#about h1 {
    font-family: 'Noto Serif', serif;
    font-style: italic;
    color: #797979;
}
h2 {
    font-family: 'Noto Serif', serif;
    font-style: italic;
    color: #797979;
}
h3 {
    font-family: 'Noto Serif', serif;
    font-style: italic;
    color: #797979;
}

你真正想要的是这个

#about h1, #about h2, #about h3{
    font-family: 'Noto Serif', serif;
    font-style: italic;
    color: #797979;
}

相当于这个,

#about h1 {
    font-family: 'Noto Serif', serif;
    font-style: italic;
    color: #797979;
}
#about h2 {
    font-family: 'Noto Serif', serif;
    font-style: italic;
    color: #797979;
}
#about h3 {
    font-family: 'Noto Serif', serif;
    font-style: italic;
    color: #797979;
}

---

如果你对选择器错误的原因至少加上一点解释，我会投赞成票。我已经知道，但答案应该对可能犯类似错误的其他人有用。我认为这不能作为OP问题的答案，因为没有提供HTML，我们不能假设他使用h3的内祖父母w/id或咨询。。。对于now@Azder我认为问题中有足够的上下文线索，可以让这成为一个有效的答案，尽管你是正确的，有一定数量的假设是必要的。问题的最后一行，特别是，表示对选择器是如何应用的不完全理解。这不仅仅是上下文线索，它可能根本不起作用，因为他的HTML是存在错误的部分，即他也打算做我们猜测的事情，但没有做；请提供相应的HTML，以便我们检查CSS选择器是否对您的页面有效

#about h1 {
    font-family: 'Noto Serif', serif;
    font-style: italic;
    color: #797979;
}
#about h2 {
    font-family: 'Noto Serif', serif;
    font-style: italic;
    color: #797979;
}
#about h3 {
    font-family: 'Noto Serif', serif;
    font-style: italic;
    color: #797979;
}