我正在使用@media screen 为案例工作设置特定规则(最大宽度 1024 像素)。从理论上讲，这些规则应该覆盖 CSS 原始规则，但这不会发生，只有当我在每个 CSS 规则中放置 !important 时才会发生，我只想为特定的@media 屏幕工作。
我的问题是:我已经在使用媒体屏幕来避免必须这样做。必须要放才正常!在某些规则中很重要，甚至使用媒体屏幕？
有一个例子:
为什么会这样？如果我从@media 屏幕规则中删除 !important，@media 屏幕规则将不起作用!这是正常现象还是我做错了什么？
最佳答案
@media 子句中的 css 选择器不如非媒体选择器具体。通过使您的媒体版本更具体，您可以让它正确覆盖默认样式。查看 css specificity 以获取更多详细信息，否则您将需要使用 !important 标志。
关于css - 为什么@media 屏幕规则被原始 css 覆盖？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34798286/