html - CSS 标题样式问题

标签 html css

我觉得这个问题的答案可能非常简单,但老实说我正在努力解决这个问题。

我有一个网页,其中所有标题都需要是蓝色的,所以我将其添加到我的样式表中:

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

但是,在同一个页面上会有 5 个不同的 div,其中标题颜色需要不同,所以我尝试了这个:

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

但是,它会使页面上的所有标题都变成绿色,而不仅仅是 div 中的标题。也许我的 CSS 能力还有些生疏,但我到底做错了什么。我正在编辑的网站相当陈旧,并且应用了一些过时的 CSS,它是否会以某种方式与旧 CSS 发生冲突?

谢谢!

最佳答案

逗号开始一个全新的标签名称,所以你必须这样做:

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

关于html - CSS 标题样式问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3142520/

相关文章:

javascript - 如何创建两列 HTML 表单

不知道幻灯片数量的CSS3幻灯片

css - 停止 SASS 将颜色编译为字体颜色

javascript - Notepad++ 无法打开我的 html 文件,而是打开 google 主页

javascript - 当另一个 Div 进入视口(viewport)时让 Div 出现

html - jquery 移动复选框

javascript - 为什么 elementFromPoint() 在 IE 11 的 iframe 中使用时不返回 DOM 元素?

javascript - 阻止点击加载网站并加载一些其他自定义内容?

javascript - dragula JS 通过单击事件从一个列表移动到另一个列表

javascript - 如何强制 HTML5 音频标签重新加载(更改)文件