前缀为“-webkit-”的属性,能够在以webkit为内核的浏览器中正常使用,通常代表chrome和safari。主要是为了兼容老版本的写法
less安装与使用
- 安装less后,新建less文件会附带一个css文件,会对其中的内容进行自动编译。less有两种注释模式,区别在于是否在css文件中显示。
@xxx:red;定义全局的样式变量。 在项目中可以把常用的变量进行封装到一个文件中。
(bgColor:red) .index { color:@bgColor; }
less变量
- 选择器变量
- 属性变量
- url变量
- 声明变量
- 变量运算
- 变量作用域
- 用变量定义变量
less嵌套
less可以嵌套定义和嵌套媒体查询
混合方法
- 无参数方法
- 默认参数方法
- 方法的匹配模式
注意点1:最后定义的triangle会选择最为匹配的,triangle中的第一个变量是left,那么他就回去找到定义的时候第一个参数是left的,如果有多个会多个都匹配
注意点2:如果匹配的参数是变量,也会去匹配,例如@_ - 方法的命名空间
注意点: - 方法的条件筛选
- 数量不定的参数
- important!
优先级最高 - 循环方法(递归)--略
- 属性拼接
继承
- extend继承
- all全局搜索替换
- 减少代码重复性
导入
- 文件导入
- reference 使用引入的less文件,但不会编译他
- once @important语句的默认行为。相同的文件只会被导入一次,而随后的导入文件的重复代码都不会解析
- multiple 允许导入多个同名文件
条件表达式
带条件的混合 类型检测函数 单位检测函数
函数
函数库
评论 (0)