使用媒体查询时在CSS linter中获取错误

Question

当我通过CSS Linter下面的代码时，我得到六个错误。这些错误是在linter还是CSS？我看不出CSS有什么问题。无论设置如何，我似乎都无法关闭或忽略错误。

@media ( max-width: 320px ) {
    .test {
        padding: 20px;
    }
}

Answer 1

您的代码有效，只是因为css链接对格式化很挑剔。

如果您将其更改为以下内容，则会对此感到满意：

@media(max-width:320px){.test{padding:20px;}}

我建议使用此网站验证您的css：

http://jigsaw.w3.org/css-validator/

Answer 2

我只需删除要传递的空格：

@media (max-width:320px) {
    .test {
        padding: 20px;
    }
}