Gulp 狼吞虎咽+;合并媒体查询:选择顺序
我在一个Gulp 狼吞虎咽+;合并媒体查询:选择顺序,gulp,less,css-preprocessor,Gulp,Less,Css Preprocessor,我在一个LESS项目上使用了gulp combine media querys,它按预期工作。 但是,我需要为max height添加media query,而cmq总是将max height放在媒体查询顺序的较低位置,因此我可以使用max width覆盖它,而无需使用!重要信息或向css添加更多选择器。有人知道控制cmq吐出媒体查询的顺序的方法吗?或者知道结合媒体查询并让我控制的吞咽任务吗? 到目前为止,我已经试过了。 谢谢 帖子: 我可以通过更改: @media(最大高度:900px){}
LESS
项目上使用了gulp combine media querys
,它按预期工作。但是,我需要为
max height
添加media query
,而cmq
总是将max height
放在媒体查询顺序的较低位置,因此我可以使用max width
覆盖它,而无需使用!重要信息
或向css添加更多选择器。有人知道控制cmq吐出媒体查询的顺序的方法吗?或者知道结合媒体查询并让我控制的吞咽任务吗?到目前为止,我已经试过了。 谢谢 帖子:
我可以通过更改:
@media(最大高度:900px){}
到
@媒体(最小宽度:1024px)和(最大高度:900px){}
但这感觉像是一个黑客解决方案。您可以在更少的时间内创建mixin,然后针对该类或Id使用创建的mixin和要更改的属性。等
.RoundBorders {
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#menu {
color: gray;
.RoundBorders;
}
我不确定这会如何影响
gulp组合媒体查询
导出css的顺序。你能提供更多信息吗?只要用你的“最大高度”属性更改颜色,你就会看到它是如何工作的:)我不确定我们谈论的是同一件事。我在媒体查询
中谈论的是最大高度
,而不仅仅是CSS。啊哈,我明白你在说什么了,我没有在媒体查询中使用gulp。。。