我在gulp-combine-media-queries
项目中使用LESS
,它按预期工作。
但是,我需要为media query
添加max-height
,cmq
始终按照媒体查询的顺序添加max-height
,因此我可以使用{{1}覆盖它不使用max-width
或向CSS添加更多选择器。有没有人知道控制命令的方法cmq吐出媒体查询或结合媒体查询的gulp任务并让我控制?
到目前为止,我已尝试https://www.npmjs.com/package/gulp-combine-media-queries和https://www.npmjs.com/package/gulp-combine-mq。
感谢
发表:
我能够通过改变来操纵订单:
!important
到
@media (max-height:900px){}
但这只是一个hacky解决方案。
答案 0 :(得分:0)
您可以在LESS中创建mixin然后为该Class或Id创建mixin和您想要更改的属性。等等
.RoundBorders {
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#menu {
color: gray;
.RoundBorders;
}