在课堂上包装媒体查询

Question

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

所以而不是

＆＃13;

＆＃13;

@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;
	}
}

＆＃13;

＆＃13;

＆＃13;

我会用：

＆＃13;

＆＃13;

.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;
	}
}

}

＆＃13;

＆＃13;

＆＃13;

谢谢！

Answer 1

你不能这样做，它不是正确的语法，可能你可以使用SASS和LESS等预处理器，但不能用于纯CSS。