不適用於元素的CSS值

我有一個css文件，旨在將頁面主題設置爲黑色白色，而不是白色黑色。不適用於元素的CSS值

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

，但由於某些原因，color: white;並不適用於我的網頁上的文本元素，一個例子是在https://jsfiddle.net/3abz7831/

事情我已經嘗試：
客戶端可以訪問所有需要的文件。
將顏色添加到單獨的元素樣式工作得很好，但我寧願不。
更改<head>表中的哪個位置或將其移動到身體什麼都不做。

的超大屏幕與你的風格搞亂？ – Ernesto

獨立元素與逗號：

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

，並有如果你希望你的超大屏幕是白色加這一點無論

.jumbotron { 
    color: white; 
}

2016-11-10 19:35:14

您需要通過逗號風格的元素分開：

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

這裏是JSFiddle

2016-11-10 19:35:18 Banzay

規則.jumbotron h1正在重寫您的css規則。因此，創建一個覆蓋它或增加規則的規則。

.jumbotron h1 { 
    color: white; 
}

或（最壞的解決方案）

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

2016-11-10 20:01:23 quindimildev

回答