关于CSS预处理器Less

前言

这两天在学Less,做下笔记。
koala是一个预编译工具:koala官网
bootstrap中less教程:less教程

注释

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

变量

使用@来定义一个变量
比如:@color:pink background:@color
如果把属性名作为变量,则用@{}
比如:@m:margin @{m}:0;

变量的延迟加载

读完变量再加载变量

嵌套规则

基本嵌套规则

&

混合

运算

避免编译

写在后面

什么是haslayput,怎么触发haslayout
妈呀,这个老师讲的实在是听不清 ,看不下去了,目前看到P3了(尚硅谷前端less课程),放弃了,去学React了。有时间再学媒体查询和bootstrap

猜你喜欢

转载自blog.csdn.net/weixin_44286392/article/details/125463976