less样式中加入变量

有时候我们为了方便统一修改样式，或是为了精简代码，就可以在样式中采用变量的方式。

1.定义颜色
如果页面的背景颜色、文字颜色等是同一种，我们可以定义一个颜色变量，这样后期如果修改整体色调就会很方便。

@back_color : #fff;
background : @back_color;
color : @back_color;

2.定义通用样式
页面中会定义一些通用样式，我们可以使用变量定义通用样式，这样可以有效的精简代码。

还可以用extend

span{
&:extend(.overflow_hide);
}
extend : 扩展选择器是less的伪类选择器，可以复制当前选择器