爲什麼媒體查詢中定義的字體顏色不起作用？

爲什麼媒體查詢中定義的字體顏色不起作用？例如，爲什麼媒體查詢中定義的字體顏色不起作用？

@media (min-width: 576px){ 
    html { 
     color: red !important; 
     font-size: 1.2rem; 
    } 
}

字體大小有效，但不是顏色即使有！重要。

這是引導4

[工作得很好（https://jsfiddle.net/dcfw8v70/）。 – Ivar

嘗試使用Web瀏覽器中的開發人員工具來查看正在應用的樣式;另一種風格（比如p標籤或body）很可能會覆蓋應用於html的風格。 – KellyMarchewa

他們是，你只是有別的東西否決了上述。 'min-width：576px'實際上與「* red」相同，如果其他地方沒有定義其他地方*「...！important;」在這裏沒有幫助，因爲您處於層次結構的最頂層。 – davidkonrad

如果u [R做父母的顏色工作，然後把所有的孩子color:inherit 它會繼承父顏色屬性自動

2017-11-26 07:24:17

你的代碼是正確的。

如果您使用的是Chrome瀏覽器，請右鍵單擊文本> Inspect。在彈出的菜單上，在樣式選項卡下，查看顏色屬性。

2017-11-26 07:37:43 evilReiko

回答