Html 如何在不使用css的情况下覆盖css类进行响应性设计！重要的

我有一个班分配给span。 对于桌面版本，此范围的顶部为：-25px，左侧为：-5px。 对于移动版本，我需要将同一跨度的同一类更改为top:-10px和left:-3px

如何做到这一点而不使用！重要吗？代码如下：

。显示{
顶部：-25px；
/*需要更改移动电话的值*/
左：-5px；
}
@介质（最大宽度：767px）{
.展示{
顶部：-10px；
/*此样式不会在浏览器中应用并被否决*/
左：-3px；
/*此样式不会在浏览器中应用并被否决*/
}

文本

尝试在媒体查询中插入最小宽度为768px的主css，并添加媒体类型（屏幕）

文本
@媒体屏幕和屏幕（最小宽度：768px）{
.展示{
顶部：-25px；
左：-5px；
}
@媒体屏幕和屏幕（最大宽度：767px）{
.展示{
顶部：-10px；
左：-3px；
}
}

尝试在媒体查询中使用

span.display

。这很有效！！！谢谢。只是好奇，在媒体查询中添加span.display有什么不同？根据您提供的内容，我不明白为什么它不会覆盖您的样式。请参阅。css应该在上面显示的中指定（如果两条规则的权重相同，则后一条规则获胜）@user2294434它只是更清楚地指定了元素。元素指定得越多，它在样式表中的优先级就越高。这就是我对它的理解。它不会覆盖

！重要的
。@CraftedPod也有一点，css的编写顺序会有所不同。：）