less初遇见

本文介绍了less的使用技巧。包括编译工具koala,其官网为www.koala - app.com;less中的注释,不同形式编译情况不同;变量的申明与多种使用方式;嵌套规则,如基本嵌套和&的使用;还阐述了混合的多种类型,如普通混合、带参数混合等。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

目录

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变量

 


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值