我试图重用在媒体查询中设置的一组类作为mixins在整个网站中使用,而不是在html中嵌入非语义类名.
这是我的问题的一个例子.
@media (min-width: 1000px) {
.foo{width:120px;}
.foo-2{width:150px;}
}
@media (max-width: 999px) {
.foo{width:110px;}
.foo-2{width:120px;}
}
.bar{.foo;}
.bar-2{.foo;}
.bar-3{.foo-2;}
Run Code Online (Sandbox Code Playgroud)
.bar-X永远不会应用任何样式.我猜可能会发生这种情况,因为LESS不会在媒体查询中创建.bar-X,因此不会应用任何内容.
这是LESS中的一个错误,还是我永远无法实现的?对此的解决方法将是理想的.