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

前端之家收集整理的这篇文章主要介绍了有条件的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.f2er.com/css/214190.html

猜你在找的CSS相关文章