Html 如何修复@media-screen和@media-screen中不适用的一些css样式（最大宽度：768px）？

原始CSS

.formhead{边距：0自动；最大宽度：66.5em；填充底部：5.2em；}
.footleft{最大宽度：47.0%；浮动：左侧；左边距：2.8em；}
.footright{最大宽度：46.9%；浮动：右侧；填充底部：2%；}

媒体查询

@媒体屏幕和（最大宽度：768px）{
.form head{边距：0自动！重要；最大宽度：56.5em！重要；}
.梯度{最小宽度：50%！重要；}
.post内容{最大宽度：64.4%；}
.footleft{float:无；最大宽度：79%；边距：0自动；}
.footright{float:无；最大宽度：83%；边距：0自动；}
.footercontainer{边距：0自动；宽度：94%；}
}

---

媒体查询样式不会覆盖原始css。当我添加

时！重要信息

它正在工作，但我想获得媒体查询样式，不包括

！重要信息

请参见！重要规则是一种使CSS层叠的方法，但也要始终应用您认为最重要的规则。这是一条有规则的规则！重要属性将始终应用，无论该规则出现在CSS文档中的何处。因此，如果您想确保始终应用某个属性，您可以添加！标记的重要属性

所以请删除！重要信息 媒体查询代码中的from.form头和.gradiant

编辑：替换

@media screen and(max-width: 768px)

与

---

我得到的输出不包括！重要的是，我只是把我的本地CSS放在媒体查询之前，@Big Chris.

你有网站的链接吗？没有，我没有得到链接，我的意思是你有没有链接到你正在努力实现的目标，但它不起作用-所以我们可以看看你已经做了什么，看看我们是否能发现问题。如果我删除了，我不能覆盖本机css。那么@bigcris在哪里提到了它。首先…但是现在它被删除了。

@media(max-width: 768px)