柠檬铺

在上篇关于LESS语言特点的文章中，我们介绍了LESS其中的三大属性：变量、样式混合、语法嵌套，那么除了这几个特点之外，LESS语言还有什么特点呢？让我们通过这篇文章继续了解一下。

LESS语言特点四：算数运算

没错，我们在特点一中提到过，在LESS中你可以对一些样式属性进行运算，例如长度、百分比，甚至是颜色，运算方式可以是加减，也可以是乘除，通过这种方式，你可以迅速通过已设定变量来获得自己想要的数值：
@base: 2%; @filler: @base * 2; @other: @base + @filler; color: #444 / 4; background-color: @base-color + #222; height: 100% / 2 + @filler;在上述代码中，我们采用了加减乘除这几种运算方式来对属性进行运算，看起来直观简洁，而且相当酷。

LESS语言特点五：自带函数

你没看错，LESS还提供自带的运算函数，让你通过调用它们来迅速获得一些属性效果。
例如它自带的percentage函数可以将小数转化为百分比，saturate函数能够对颜色设置百分比饱和度。

LESS语言特点六：命名空间和访问权限

如果你想要在一个元素中调用另外一个父元素中子元素的样式，你就可以通过命名空间的规则来进行调用，例如：#bundle {   .button {     display: block;     border: 1px solid black;     background-color: grey;     &:hover {       background-color: white     }   }}#header a {  color: orange;  #bundle > .button;}在上述例子中，我们想要在header a中调用bundle下button的样式，那么就要通过#bundle >.button的形式进行调用，免去了重复书写样式的烦恼。

LESS语言特点七：变量使用范围

在编程语言中，有一个概念就是变量使用范围，同样在LESS中也有变量使用范围这个概念，让我们看看：
@color: red; #page {   @color: white;   #header {     color: @color; // 白色   } }上述代码中，虽然最开始对color进行了赋值，但是在#page中对其重新进行了赋值，那么在#page的范围中，color就变成了白色。

写在文章最后

好了，以上就是LESS语言的所有特点了，是不是觉得非常神奇跃跃欲试了？赶紧打开你的编辑器，将LESS引入你的网站建设项目中去吧！