css - "@media only ..."是有效的 css

标签 css validation

很多地方,看到css推荐的“@media only ...”的做法。然而,w3c 验证器不接受这个。让我们举个例子,来自:

https://www.w3schools.com/cssref/css3_pr_mediaquery.asp

@media only screen and (max-width: 500px) {
    .gridmenu {
        width:100%;
    }

    .gridmain {
        width:100%;
    }

    .gridright {
        width:100%;
    }
}

如果我将其粘贴到 CSS 验证器中,它会显示“仅限无法识别的媒体”,当我指定 CSS3 时也是如此。但是,如果我省略了 only 关键字,则 CSS 得到验证。谁在这里? w3schools 还是 w3c?是否包含 only 关键字重要吗?

编辑 - 这是我使用的验证器: http://www.css-validator.org/

鉴于设计,我没有想到它可能不是 w3c 自己的,因为它有 w3c Logo 和所有内容。我不确定为什么真正的验证器 ( https://jigsaw.w3.org/css-validator/ ) 在我的浏览器中以俄语出现,但这就是我没有使用它的原因。我认为这不可能是“官方”的。

最佳答案

使用下面的验证器,你应该不会遇到任何问题。

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

关于css - "@media only ..."是有效的 css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45260326/

相关文章:

C# MVC 3 验证在特定 View 上失败

javascript - 特定条件下的 Angular2 表单验证

PHP 检查日期变体

html - 2 种类型的文本在同一行

javascript - 使用 style=none 在 javascript 中隐藏链接在 IE 中不起作用

html - wordpress主题添加左侧边栏

javascript - 如何强制 Razor 检查 JavaScript 中 TextBox 的验证

javascript - 使用 JavaScript 验证表单

jquery - FullCalendar 上带有设计的工具提示

html - 设计流体宽度页面