标题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;
      }