less函数


这里我们初步的了解一下函数,在最后进行详解。Less提供了许多用于转换颜色,处理字符和进行算术运算的函数,这些函数使用起来非常方便。



最常见的rgb函数实例


.bgcolor{ background:rgb(0,133,0); }


Css结果:


.bgcolor{ background:#008500; }

 


命名空间


将一些需要混合组合在一起,可以通过嵌套多层id或者class来实现这就是命名空间


使用实例


#bgcolor(){
  background: #ffffff;
  .a{
    color: #888888;
    &:hover{
      color: #ff6600;
    }
    .b{
      background: #ff0000;
     }
   }
 }

.bgcolor{

 Background:#fdfee0;

 #bgcolor>.a;

}

.bgcolor2{

#bgcolor>.a>.b;

}


其编译结果如下:


.bgcolor1 {
  background: #fdfee0;
  color: #888888;
}
.bgcolor1:hover {
  color: #ff6600;
}
.bgcolor1 .b {
  background: #ff0000;
}
.bgcolor2 {
  background: #ff0000;
}



【本文由极速大发PK10独家原创,转载请注明出处并保留原文链接】

logo
© 2012-2016 rfel.cn
蜀ICP备13014270号-4 Version 5.0.0 release20160127

免费领取价值1888元求职宝典!

客服热线 400-862-8862

回到顶部