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

Posted 2023-03-06

【中文标题】在类中包装媒体查询[关闭]

【英文标题】：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 指南，毕竟您应该在发布问题之前进行研究

【参考方案1】：

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

【讨论】：

感谢您实际回答问题。