Question

我有一个css文件，主题是将页面设为黑色白色，而不是黑白色。

body {
background-color: black;
}
h1 h2 h3 h4 h5 h6 p {
    color: white;
}

但由于某种原因，color: white;不适用于我的网页上的文字元素，例如https://jsfiddle.net/3abz7831/

我尝试过的事情：
客户可以访问所有必需的文件将颜色添加到单个元素样式中工作得很好，但我宁愿不这样做更改工作表中的<head>或将其移动到正文中的位置无效。

Answer 1

用逗号分隔元素：

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

如果你想要你的jumbotron是白色的话，必须添加它

.jumbotron {
    color: white;
}

Answer 2

您需要用逗号分隔样式元素：

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

Answer 3

规则.jumbotron h1正在覆盖您的css规则。因此，创建一个覆盖它的规则或对规则添加重要的规则。

.jumbotron h1 {
    color: white;
}

或（最糟糕的解决方案）

h1, h2, h3, h4, h5, h6, p {
    color: white !important;
}