是否需要!important像下面的示例一样,在为网站编写的媒体查询中添加所有属性?
我的样式表底部有下面的CSS,但是我发现这些属性在添加!important标签之前无法反映我的设计。我了解使用!important标签不是最佳做法。
.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)
<div class=".logo"></div>
<div class="loginbar"><a href="#">Log In | Sign Up</a></div>
Run Code Online (Sandbox Code Playgroud)