为什么媒体查询中定义的字体颜色不起作用？

为什么媒体查询中定义的字体颜色不起作用？例如，为什么媒体查询中定义的字体颜色不起作用？

@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

回答