Css 覆盖！媒体查询中的重要规则集！不重要？

想象一下

@媒体屏幕和（最小宽度：55.5em）{
旁白[角色=“出席”]{
边距：0！重要；
}
}
@媒体屏幕和屏幕（最小宽度：61.5em）{
旁白[角色=“出席”]{
边距：0；/*仍然！重要但不应*/
}
}

---

有没有办法覆盖或“删除”

！重要的

声明，因此它不会在较高的

最小宽度

值内应用？

否；按照级联的工作方式，无法撤消

！重要

声明或使其“不重要”

这与规则是出现在不同的

@媒体

规则中还是出现在样式表中的任何其他地方无关。这意味着这与您没有媒体查询一样：

aside[role=“attain”]{
边距：0！重要；
}
旁白[角色=“出席”]{
保证金：0；
}

顺便说一句，如果满足

min-width:55.5em

和

min-width:61.5em

媒体查询，浏览器实际上会看到这一点

---

您最好找到一种方法来删除该

！重要信息

，请在第一个

@媒体规则中使用更具体的选择器。
是的，不要使用
！重要信息
，因此不需要覆盖它。通常不了解css工作原理的人过度使用了它。不是一个真正的答案，因此是一个评论。顺便说一句——我之前的评论并不意味着你不知道css是如何工作的。然而，我的意思是，如果可能的话，删除有问题的
！重要信息
通过重新配置该选择器或其他css。