目录

less的编译工具

less中的注释

less中的变量

less中的嵌套规则

less的编译工具

koala 官网:www.koala-app.com

less中的注释

以 // 开头的注释,不会被编译到css文件中

以 /**/包裹的注释会被编译到css文件中

less初遇见

less初遇见

less中的变量

使用@来申明一个变量:@pink:pink

1、作为普通属性值来使用:直接使用@pink

2、作为选择器和属性名来使用:#@{selector的值}的形式

3、作为url:@{url}

less初遇见

4、变量的延迟加载

less初遇见             koala编译后:  less初遇见

less中的嵌套规则

1、基本的嵌套规则

less初遇见      注意观察hover冒号前有一个空格  less初遇见

2、&的使用

less初遇见               观察使用过&的区别  less初遇见

less中的混合

混合就是一系列属性从一个规划集引入到另一个规则集的方式

1、普通混合(缺点:会带来大量的代码重复)

2、不带输出的混合

3、带参数的混合

less初遇见         less初遇见

4、带参数并且带默认值的混合

less初遇见         less初遇见

5、带多个参数的混合

6、命名参数

less初遇见         less初遇见

7、匹配模式

8、arguments变量

 


相关文章:

  • 2021-08-04
  • 2021-08-22
  • 2021-04-25
  • 2021-06-21
  • 2022-01-12
  • 2021-11-22
  • 2021-09-12
猜你喜欢
  • 2022-01-17
  • 2021-04-24
  • 2021-09-30
  • 2022-12-23
  • 2022-12-23
  • 2021-06-04
  • 2021-08-08
相关资源
相似解决方案