首页 > 代码库 > Less-minxin守卫二
Less-minxin守卫二
//minxin卫士 *--或与且语法 且:()and() 或:(),() --且 examlpe: .test(@a) when (isNumber(@a)) and (@a>=5){ font-size:unit(@a,px); } .study{ .test(10); } //output css .study { font-size: 10px; } --或 example: .test(@a) when (@a>10),(@a<2){ font-size:unit(@a,px); } //call 1 .study{ .test(1); } //output css .study { font-size: 1px; } //call 2 .study{ .test(18); } //output css .study { font-size: 18px; } *--类型检查功能 iscolor --是颜色 isnumber --是数字 isstring --是字符串 iskeyword --是关键字 isurl --是url地址 isunit --是单位 ispixel --是像素 ispercentage --是百分百 isem --是em *--not --不是,非 example: .test(@a) when not (@a>10){ font-size:unit(@a,px); } .study{ .test(5); } //output css .study { font-size: 5px; } 当@a值为大于10的值,.test就不会被执行 *-default --守卫返回失败是执行函数,类似于else example: .test(@a) when (@a>10),(@a<2){ font-size:unit(@a,px); } .test(@a) when (default()){ font-size:20px; } .study{ .test(5); } //output css .study { font-size: 20px; } 注意:在这里“ = ”等同于Js中的“ == ”,是等于的意思,不是赋值,less的赋值采用“ : ”。
作者:leona
原文链接:http://www.cnblogs.com/leona-d/p/6307570.html
版权声明:本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文链接
Less-minxin守卫二
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。