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

Question

以下是有效的 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;
    }
}

Answer 1

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