Css 使用！媒体查询文件中的重要语句？

我第一次在我的投资组合网站上使用媒体查询。我 必须使用

**！重要**

语句当我需要更改时， 为人像版和风景画添加徽标填充 版本我有一个链接到媒体查询的外部样式表 样式表和要超越主样式表中的样式，我必须 使用“重要信息”进行“我的媒体查询”，以便它收听

！重要信息

标签阻止我在样式表中进一步重新设计其他设备的样式，因为它们是为我的网站的ipad版本设计样式所必需的

似乎我可以在查询中添加新的样式，如

display:none

，但是如果我需要添加

padding left:20px

，我需要

！重要信息

标记以覆盖主样式表

---

你能帮忙吗？

正如第一位评论员所说，我们需要看一些代码

总的来说，听起来您遇到了特殊性问题。你真的不需要使用

！重要信息

以下三种情况除外：

• 重写JavaScript应用的样式
• 在打印样式表中
• 更改从外部源加载的图元，则无法编辑原始样式

当涉及到媒体查询和特定性时，请记住顺序很重要。如果选择器具有相同的特异性水平，则最后一个选择器获胜。通常，使用媒体查询构造样式表时的一个好方法是：

适用于大多数情况的全局样式-从移动设备开始（即“移动优先”）

以后的媒体查询会越来越大，并根据需要应用样式覆盖

---

正如前面的答案所述，最好避免使用！重要，但在某些非常具体和有限的情况下除外

如果您发现您正在使用它来覆盖样式，这可能是几个不同问题的症状。也许您在第一条规则中使用了一个高特异性选择器，如

#header#logo

，并试图在媒体查询块中使用.logo之类的类覆盖它

另一个原因可能是长选择器，例如

#header#header inner.logo wrap#logo

，这也是一个非常糟糕的主意。Harry Roberts在

不看代码就很难知道，但一般来说，尽量使选择器简短并使用a将有所帮助

只是为了添加到chipcullen的列表中，它什么时候会有用！重要：

• 在HTML电子邮件中
• 如果您需要一个帮助器类来覆盖所有内容，例如.valid或.hidden
• 覆盖使用它的浏览器默认样式表的步骤

正如print sylesheets中提到的，当使用无法更改的第三方代码时

---

（我不同意用它来覆盖JavaScript注入的样式，因为有更好的方法可以通过操纵类名来达到相同的目的，从而避免了这个问题。classList API使这一点非常简单，而且还有多填充可用。）

需要查看代码。通常，如果您保持选择器的平衡，并将外部媒体查询样式表链接放在主样式表链接之后，您可以避免大多数重写问题。可能建议对您不希望被！重要标签。