html - CSS 值不适用于元素

标签 html css twitter-bootstrap

我有一个 css 文件,旨在将页面设置为黑底白字,而不是白底黑字。

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

但出于某种原因 color: white;不适用于我页面上的文本元素,示例位于 https://jsfiddle.net/3abz7831/

我尝试过的事情:
客户端可以访问所有必需的文件。
为单个元素样式添加颜色效果很好,但我宁愿不这样做。
更改 <head> 中的位置工作表是或将其移动到 body 上什么都不做。

最佳答案

用逗号分隔元素:

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

如果你想让你的超大屏幕是白色的,就必须添加这个

.jumbotron {
    color: white;
}

关于html - CSS 值不适用于元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40535567/

相关文章:

css - 歌剧和@font-face

html - Bootstrap 2.3.2 表单,对齐内联表单控件的宽度

javascript - Durandal:将模式弹出窗口移动到页面顶部

javascript - 使用 Vanilla Javascript 切换复选框显示/隐藏两个 DIV 元素

javascript - HTML/CSS/Javascript 可滚动的 div 不会滚动?

javascript - 从 https 父窗口访问 iframe 中的 http

css - 在 before 之后用 css 制作一个特定的表单

javascript - 在 Bootstrap 中更改选择器选项的数据图标的颜色

html - @media 查询中的字体大小不适用

php - 如果表单没有有效值则显示一个 alert() 对话框