Html 如何覆盖来自多个媒体查询的css样式。？

我正在为不同的iPhone使用多个媒体查询，当一个类有某种风格但在其他媒体查询中没有覆盖时，我就卡住了

对于某些类，我使用了

！重要信息

覆盖CSS规则，但如果类已经

！重要信息

如果使用，则CSS规则不会覆盖

在这种情况下，我很困惑是否应该在同一个元素中使用不同的类名来定义不同媒体查询中的CSS规则

---

我给了问题陈述的google drive链接-

你可以为同样的问题提供分层css结构

例如，根据驱动链接：：

.xl-block .sidemenu-link {
    font-size: 24px !important;
}

---

您可以直接在SoC中添加图像。您可以添加与您的问题相对应的完整CSS代码吗？除非您需要覆盖无法控制的内联样式，否则不要使用“重要”-如果您这样做，则您会发现自己处于这种情况，而要了解CSS细节并正确使用该样式。同样，请查看。如果您没有提供问题中的任何代码（不仅仅是指向google驱动器的外部链接），我们将无法帮助您-请参阅如何创建