LESS 学习demo

来源:转载

LESS 学习demo

github: https://github.com/csxiaoyaojianxian/Html5Study


by CS逍遥剑仙 www.csxiaoyao.com


1 工具
koala
less.min.js
2 demo 目录结构
01-嵌套与命名空间
less.min.js 的引入
字符集
注释
引入
嵌套
命名空间
作用域
02-变量(variables)
定义变量
作为选择器和属性名
作为URL
定义多个相同名称的变量
03-混合(mixins)
基本混合
使用() 的不带输出的混合
混合选择器
参数:基本参数
参数:多个参数
参数:多个同名参数
参数:命名参数
返回值
extend伪类实现样式的继承使用
参数应用:处理CSS3兼容性问题
04-运算(operations)
优先级
运算规则
05-关键字(important)
!important
06-条件表达式(guard)
条件运算符
IS函数
when 设置条件
多条件
07-循环(loop)
循环应用:栅格系统
08-合并属性(merge)
+
+_
09-父运算符
&
多个&&
10-常用函数
字符串函数
数学函数
类型函数
颜色函数

分享给朋友:
您可能感兴趣的文章:
随机阅读: