less初遇见

目录

less的编译工具

less中的注释

less中的变量

less中的嵌套规则

less的编译工具

koala 官网:www.koala-app.com

less中的注释

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

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

less中的变量

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

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

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

3、作为url:@{url}

4、变量的延迟加载

             koala编译后:  

less中的嵌套规则

1、基本的嵌套规则

      注意观察hover冒号前有一个空格  

2、&的使用

               观察使用过&的区别  

less中的混合

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

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

2、不带输出的混合

3、带参数的混合

         

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

         

5、带多个参数的混合

6、命名参数

         

7、匹配模式

8、arguments变量


猜你喜欢

转载自blog.csdn.net/weixin_42689147/article/details/88694256