Question

为什么在我的css代码上显示1个错误我的CSS代码：

@media only screen and (max-width: 991px)
.mobile_header.top_nav_mobile .main_menu_nav > li > a {
padding: 11px 36px 11px 44px;
display: block;
font-size: 20px;
color: #ffffff;
text-transform: none !important;
font-weight: 700;
letter-spacing: -0.04em;
}

Answer 1

适用于某个@media query的样式必须用大括号括起来。

@media only screen and (max-width: 991px) {
    .mobile_header.top_nav_mobile .main_menu_nav > li > a {
        padding: 11px 36px 11px 44px;
        display: block;
        font-size: 20px;
        color: #ffffff;
        text-transform: none !important;
        font-weight: 700;
        letter-spacing: -0.04em;
    }
}

如果您要将媒体查询应用于整个CSS文件，请将其包含在您的HTML <head>中。

 <link rel="stylesheet" media="only screen and (max-width: 991px)" href="mobile_style.css">

查看更多示例here。

为什么在这个css中显示1个错误

1 个答案: