Less初始

Less是一门CSS预处理语言,为了解决CSS中过于呆板的写法。

Less = 变量 + 混合 + 函数

变量

(1)使用 @ 符号定义变量

(2)使用 @ 符号获取变量

(3)变量为完全的‘常量’,只能定义一次。

混合

(1)定义一些通用的属性集为一个class,然后在另一个class中去调用。

(2)如果想要隐藏属性集,不让它暴露给CSS文件。

(3)带参数

(4)参数设置默认值

(5)多个参数 @arguments

(6)模式匹配

根据传入的参数,来改变混合的默认呈现。

(7)导引

根据表达式进行匹配

可以使用 and 关键字,实现与条件。

and关键字

可以使用 逗号,实现或条件。

逗号

可以使用 not 关键字,实现非条件。

not关键字

嵌套规则

运算

命名空间

作用域

import

引入 .less 文件,后缀可省略。

@import 'lib.less'

@import 'lib'

字符串插值

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,720评论 1 45
  • 1、LESS的官网:http://lesscss.org 2、Sass官网地址:http://sass-lang....
    Howie223阅读 3,761评论 0 5
  • 程序创建完之后,我们需要需要对着色器进行动态控制才能达到我们所需要的功能。(如不知道怎么创建WebGL,可参考上篇...
    三石青韦阅读 1,173评论 1 2
  • 写这篇文章之前,我在微博等平台查找资料,想继续有关娱乐圈的主题。写这篇文章之时,闺女不知道是不是因为做梦,吭叽了好...
    小瑜游游游阅读 400评论 0 0
  • 刘琳焦点讲师班坚持第401天原创分享(2018/7/7) 今天是高级督导班的第一天课程,见到了之前只是熟悉...
    小溪与大海阅读 168评论 0 1