有条件的CSS规则较少,基于变量

该变量可以取百分比或px值,如：

@ some-var：50px;或@ some-var：46％;

如果值以像素为单位,如何定义一组特定的CSS规则,如果值以百分比表示,则可以使用不同的规则集？

有什么东西吗

if(isValueInPixels(@some-var)){

  // css rules here


}else{

  // other rules here
}

？

解决方法

我想你可以使用他们称之为保护的混合物的东西.

尝试这样的东西…

.mixin (@a) when (ispixel(@a)) {
 /* ... your pixel specific logic ... */
}
.mixin (@a) when (ispercentage(@a)) {
 /* ... your percentage specific logic ... */
}

.coolStuff {
 .mixin(50px);
 .mixin(50%);
}

见http://lesscss.org/的守卫混音

原文地址：https://www.jb51.cc/css/214190.html