css - 在一个媒体查询中添加多个样式更改的正确格式是什么？

Question

试图在一个媒体查询中输入多个样式更改，并且很好奇是否有任何方法可以清理代码并将所有更改添加到一个查询中，而不是只进行一个更改进行多个查询。

我曾尝试同时使用逗号和分号作为分隔符，但均无效。当将每个样式更改放在单独的查询中时，我没有遇到任何问题，因此问题不在于标签的特异性。

@media (min-width: 1000px) {
    .form-group label {
        font-size: 20px;
    } 
    ::placeholder {
        font-size: 16px;
    } 
    #fs-frm button {
        font-size: 20px;
    }
}

我希望执行所有三个更改，但实际上只有第一个更改(标签)执行

Answer 1

我的代码格式很好，这是在我为最后两个声明依赖于视口(viewport)的样式之后放置查询的问题，因为在这种情况下我之前有过它们。