我如何避免使用!important？

Question

我想让我的网站响应.但是,当我使用另一个媒体查询时,很多东西都行不通.例如:

(普通CSS)

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

(媒体查询代码)

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

这不起作用.只有在我背后使用"!important"时它才有效.但我不知道这是正确还是"错误".谁能告诉我如何解决这个问题？

Answer 1

一切!important都是增加特异性.为避免使用!important,您需要做的就是提高特异性.

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