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

Question

无法解决这个问题。我的标题从 h2 到 h4 都是白色而不是黑色。从页面上什至未使用(但在样式表中)的类中删除 color: white; 时，一切似乎都正常:

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

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

这是 fiddle :jsfiddle

Answer 1

您的选择器正在寻找 “.right_content_default 中的 h1，或 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}