Css 为什么不是'；t我的媒体查询更改此元素'；背景色是什么？

我创建了一个ionic项目，在style.css文件中我想使用这个语法。即使将宽度更改为1或0px，颜色仍保持浅灰色

@媒体屏幕和（最小宽度480px）{
#颜色{
背景色：红色；
}
}
#颜色{
背景颜色：浅灰色；
}

我们尝试使用

“浅灰色”？有两种书写“灰色”的方法。你试过写浅灰色而不是浅灰色吗

它适合我。

试试这个：

@media screen and (min-width 480px) {
    #color {
        background-color: red !important;
    }
}

#color {
    background-color: lightgray;
}

您有一个语法错误（即在min width和480px之间缺少一个冒号）。请尝试此简化版本：

@media (min-width: 480px) {
  #color {
    background-color: red;
  }
}

---

我为我的语法错误感到抱歉。我打字太快了，没有复习。你们对我的错误都是正确的，但我找到了解决问题的办法。我没有将“@media”语法放在css文件中，而是简单地使用“style”元素将其放在html文件中

---

说真的，你用的是文本截图，而不是复制和粘贴文本。。。？我们需要在MCVE中查看您对此的标记以便提供帮助。很抱歉输入错误。我想说“浅灰色”。这适用于我使用的任何网络浏览器，如chrome、firefox和IE，但不适用于我的应用程序。