小编gra*_*ter的帖子

媒体查询为什么不覆盖普通CSS?

是否需要!important像下面的示例一样,在为网站编写的媒体查询中添加所有属性?

我的样式表底部有下面的CSS,但是我发现这些属性在添加!important标签之前无法反映我的设计。我了解使用!important标签不是最佳做法。

的CSS

.loginbar {
    padding: 20px;
}
.logo {
    display: inline-block;
}

@media screen and (max-width: 1042px) {
        .loginbar {
            padding: 10px !important;
        }
        .logo {
            diplay: none !important;
        }
    }
Run Code Online (Sandbox Code Playgroud)

的HTML

    <div class=".logo"></div>
    <div class="loginbar"><a href="#">Log In | Sign Up</a></div>
Run Code Online (Sandbox Code Playgroud)

css css-specificity

5
推荐指数
1
解决办法
707
查看次数

标签 统计

css ×1

css-specificity ×1