在类中包装媒体查询[关闭]答案

【问题标题】：Wrap media query in class [closed]在类中包装媒体查询[关闭]
【发布时间】：2018-07-19 00:28:36
【问题描述】：

我想知道为什么我不能用 .home{} 类包装主页的媒体查询，以便它只在那里触发。

所以不是

@media (max-width:416px){
.home .et_pb_code_0 {
		border-right:0 !important;
	}
.home .et_pb_code_1 {
		border-right:0 !important;
	border-left:0 !important;
	}
	.home .et_pb_code_2 {
		border-left:0 !important;
	}
}

我会使用：

.home {
@media (max-width:416px){
 .et_pb_code_0 {
		border-right:0 !important;
	}
 .et_pb_code_1 {
		border-right:0 !important;
	border-left:0 !important;
	}
 .et_pb_code_2 {
		border-left:0 !important;
	}
}

}

谢谢！

【问题讨论】：

嗯？所以我们现在正在创建自己的语法？我想用if( a == b,c,d,e ) {}写一个条件@
所以你的问题本质上是，为什么我不能以任何我喜欢的方式写东西，但必须遵守指定的语法......？ // CSS 预处理器（如 LESS 或 SASS）允许您编写此类结构，并将它们编译为适合您的 CSS。
我投票结束这个问题，因为它不在 css 的规范范围内，所以它不起作用
很明显，如果我问这个，那么我不知道这是否在语法指南下是允许的。因此，您不要回答这个问题，而不是snippy cmets，如何？如果是不，那就说不。
如果您不想要简短的答案，您如何阅读 css 指南，毕竟您应该在发布问题之前进行研究

标签： css media-queries

【解决方案1】：

你不能这样做，这不是正确的语法，也许你可以将它与 SASS 和 LESS 等预处理器一起使用，但不能在纯 CSS 中使用。

【讨论】：

感谢您实际回答问题。