2017-11-25 24 views
0

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

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

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

這是引導4

+0

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

+0

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

+0

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

回答

0

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

0

你的代碼是正確的。

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

enter image description here