css - 在样式 block 中放置一个规则是否合法?

标签 css media-queries

以下是有效的 CSS:

@media print {
    .no_print {
        display: none;
    }
}
h1 {
    font-family: Verdana, Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 12px;
}

在下文中,我在 h1 样式 block 中放置了一个 @media 语句。它是有效的 CSS 吗?谷歌搜索,我只找到了 @media 语句被放置在另一个语句中的例子。我对 CSS 术语不够熟悉,无法进一步细化我的搜索词以期回答这个问题。

h1 {
    font-family: Verdana, Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 12px;
    @media print {
        font-weight: normal;
    }
}

最佳答案

没有。这将使您的代码无效,请在 w3 验证器上尝试此操作以自行检查。 http://jigsaw.w3.org/css-validator/#validate_by_input

关于css - 在样式 block 中放置一个规则是否合法?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19216315/

相关文章:

css - 使 bootsfaces 模态水平滚动

html - CSS:同一类上的多个 `!important` 实例

javascript - 根据屏幕是 16 :9, 16 :10, 还是 4:3 更改 CSS

iPhone 4 陷阱最大宽度 :480px media queries

单击按类更改宽度的 JavaScript

JavaScript 汉堡按钮不起作用

javascript - 淡入淡出javascript

javascript - css 切换 vs. css 改变

html - 使用不同媒体查询的图像大小

html - 放大 Bootstrap 移动设备