Html CSS:Multiple`！同一类上的重要`实例

对我来说，我遇到了一个前所未有的奇怪情况

我创建了一个

类

，它定义了

字体大小

为

0.8vw

如果屏幕尺寸宽度小于750px，则会加载一个新的

媒体查询

，其中

字体大小

为

3.2vw

因为这是同一个类，我必须使用

！重要信息

关于750px查询

问题来了。。。。如果有，将有另一个

媒体查询

我必须使用另一个

！重要信息

，但据我所知，这是不可能的

我开始认为我不完全理解如何将

媒体查询

与不同的风格结合使用

下面是一个应如何进行的示例：

@media (max-width: 750px) {
  .header_devider{
    font-size: 3.2vw !important;
  }
}

@media (max-width: 320px) {
  .header_devider{
    font-size: 4vw !important;
  }
}

.header_devider{
    font-size: 0.8vw;
}

<div class="header_devider">
    test content
</div>

@介质（最大宽度：750px）{
.收割台{
字体大小：3.2vw！重要；
}
}
@介质（最大宽度：320px）{
.收割台{
字体大小：4vw！重要；
}
}
.收割台{
字体大小：0.8vw；
}
测试内容

希望有人能告诉我怎么解决这个问题

---

M.

在您的初始样式声明之后声明您的媒体查询，它应该可以工作：

.header\u设备{
字体大小：0.8vw；
}
@介质（最大宽度：750px）{
.收割台{
字体大小：3.2vw；
}
}
@介质（最大宽度：320px）{
.收割台{
字体大小：4vw；
}
}

这是可能的，那一个很重要，那是最后一个（对不起我的英语）@Paulie\u D好的。我将发布一些示例……只要您的媒体查询在初始声明之后（并且具有相同的特殊性），您就不需要包含

！重要信息

以覆盖它。如果你这样做了，这意味着你在别的地方有一个更具体的选择器。我不知道这个命令是正确的。那我就去试试吧！该死非常感谢。真正地非常感谢。这对我来说太有价值了！仅供参考：小提琴在我这边（chrome）不起作用，但我的网站确实起作用了！很好，很高兴我能帮忙。新版本的fiddle出现了问题——似乎有某种缓存在使用，所以永远无法确定它是否正确保存。我将从我的回答中删除它。这可能是一篇有用的文章，供您阅读：答案中描述的规则是级联部分thnx的第4条。这很有趣