html - 有没有办法在现有选择器中定义媒体查询？

Question

有没有办法在现有选择器中定义媒体查询？此外，看起来浏览器不支持它。

就像是：

.myClass {
    background-color: gray;

    @media (min-width: 600px) {
        display: none !important;
    }
}

这给出了一个错误：

这与此问题类似，但我的问题是目前是否不支持它：

在选择器中定义 CSS 媒体查询

标签： htmlcss

Answer 1

.myClass {
    background-color: gray;
}

@media (min-width: 600px) {
    .myClass{
        display: none !important;
    }
}

考虑尝试这样的事情，

此外，如果您只想在代码中使用它，可以使用 SASS - ext: style.scss 并将此代码插入 scss 文件中，也不要忘记链接 css 文件

.myClass {
    background-color: gray;

    @media (min-width: 600px) {
        display: none !important;
    }
}