奔跑的程序员

123

我们可以在一个选择器中嵌套另一个选择器来实现继承（&相当于this）body{ //less font-size: 20px; h1{ font-size: 23px; p{ a{ text-decoration: none; ...

可以利用加减乘除计算属性值以及颜色运算可以忽略单位（单位相同情况下）如：18px+13     #888+#123456@the_color:#111; //less@base_border:1px;@color:#888;#test{ color: @the_color *5; border-right: @base_border+16; ...

arguments表示传进来的所有参数.box-shadow (@x: 0, @y: 0, @blur: 1px, @color: #000) { //less box-shadow: @arguments; -moz-box-shadow: @arguments; -webkit-box-shadow: @arguments; }.div{ .box-sh...

相当于对函数的重写，根据参数匹配对应的混合.test(light,@color){ //less color: lighten(@color,10%);};.test(dark,@color){ color: darken(@color,10%);};.test(@_,@color){ display: block;};@switch...

在less模块中，只有true代表真值，其它的所有值都表示假.test(@a)when(@a){ //less color: red;}.test(@a)when(@a=true){ color: black;}div{ .test(123)}span{ .test(true)}span { ...

ispixel——是否为像素ispercentage——是否为百分比isem——是否为emiscolor——是否为颜色isnumber——是否为数字isstring——是否为字符串iskeyword——是否为keywordisurl——是否为url...

lighten(@color,10%)           //返回颜色比@color浅10%的颜色darken(@color,10%)          //...深saturate(@color,10%)        //...饱和比  深desaturate(@color,10%)    //...饱和比  浅fadein(@color,10%)            //...不透明10...

round(2.86)   //四舍五入  返回  3ceil(2.3)           //向上取整 返回  3floor(2.6)            //向下取整  返回 2);percentage(0.6)    //转为百分比  返回60%