less使用体验

less是什么

less是一种动态的样式语言。拓展了css的动态行为，比如变量、混合书写模式、操作和功能等，兼容先有css语法。例如：

/*======== 定义变量===========*/
@color: #4d926f;   
/*======== 应用到元素中 ========*/
#header {
color: @color;
}
h2 {
color: @color;
}

less基础语法

less语法大概分为变量、混入、嵌套、功能和操作四个部分，掌握了他们就OK了。具体请参考：less语法

webstorm 配置less

开发环境，由浏览器去解析less。
1.下载less
2.把less.js在页面引入,类似