Css 如何避免使用！重要吗？

我正在努力使我的网站响应。然而，当我使用另一个媒体查询时，很多事情都不起作用。例如：

（普通CSS）

div#divName
{
字号：1em；
}

（媒体查询代码）

@媒体屏幕和（最大宽度：320px）
{
div#divName
{
字体大小：.5em；
}
}

---

这不管用。只有当我在后面使用“！important”时，它才起作用。但我不知道这是对的还是错的。有人能告诉我如何解决这个问题吗？

全部

！重要信息

的作用是增加。避免使用

！重要信息

，您需要做的就是增加特异性

在您的情况下，两个选择器具有相同的特异性。这个问题很可能是由于您的媒体查询被置于“普通CSS”之前，因此被覆盖

如果它们在同一个CSS文件中，请确保将“普通CSS”放在媒体查询之前

如果它们位于不同的CSS文件中，请确保包含媒体查询的文件包含在HTML文档中的“普通CSS”之后

---

确保您要在加载后覆盖的CSS规则。
在您的情况下

div#divName
{
    font-size:1em;
}

应先加载，然后加载：

@media screen and (max-width: 320px) 
{
    div#divName
    {
        font-size:.5em;
    }
}

您希望有两个分开的文件

style.css

和

responsive.css

，并按以下顺序包含它们：

<link href="style.css" rel="stylesheet" /> 
<link href="responsive.css" rel="stylesheet" />

如果您想使用

四处走动！重要信息

您只需要稍微更好地理解CSS中发生的级联：）尝试在CSS/html上使用类而不是ID。仅当您要附加javascript事件ETC时，才尝试在html中使用ID，这可能是Cheers mate的重复！非常感谢你！我确实有超过原始代码的所有媒体查询。