# **less变量** **** 作用： > 可以单独定义一系列通用样式去调用，有利于全局样式修改。 用法： > 通过\*\*@变量名称:属性值;\*\* 举例@color:#f10180;(名称可以自定义) > 调用的时候直接书写变量即可，举例:background:@color; ``` /*主颜色*/ @color:pink; @red:#f00;/*标题颜色*/ body{ background: @color; } ```