html - 标题 h2 到 h4 不是它们应该的颜色，可能是某个地方的语法不正确？

Question

无法解决这个问题。h2我从到到的标题h4是白色而不是黑色。color: white;从一个甚至没有在页面上使用（但在样式表中）的类中删除时，一切似乎都有效：

.right_content_default h1,h2,h3,h4,h5,h6 {
    color: white;
}

我唯一能想到的是一个可能的语法问题，但我无法在样式表中找到它。

这是小提琴：jsfiddle

Answer 1

您的选择器正在寻找"h1 inside .right_content_default, or any of h2, h3, h4, h5, h6". 没有什么告诉它只将白色应用于该类名称内的标题，除了h1.

正确的 CSS 是：

.right_content_default h1, .right_content_default h2, .right_content_default h3,
.right_content_default h4, .right_content_default h5, .right_content_default h6 {
    color:white
}

但在某些浏览器中，您可以这样做：

.right_content_default :matches(h1,h2,h3,h4,h5,h6) {color:white}

Answer 2

尝试这个：

      .right_content_default h1,
      .right_content_default h2,
      .right_content_default h3,
      .right_content_default h4,
      .right_content_default h5,
      .right_content_default h6 {
       color: white;
      }