发表于： 2020-04-30 22:29:54
1 1326
今天的任务：
今天主要学习了less，并在师兄的帮助下安装调制好了less，并尝试了使用less来写任务4
一下是一些学习内容：
less中的注释：
//不会编译到css文件中
/*会被编译到css文件中*/
less中的变量：
使用@来申明一个变量：@pink: pink;
1.作为普通属性值来使用：直接使用@pink
2.作为选择器和属性名：#@{selector的值}的形式
3.作为URL: @{url}
4.变量的延迟加载
记：变量的延迟：
@var: 0;
.class {
@var: 1;
.barss {
@var: 2;
three: @var;//3
@var: 3;
}
one: @var;
}
less中的嵌套规则：
类似html的嵌套关系
加&代表平级
less中的混合：
就是将一个系列的属性从一个规则集引入到另一个规则集的方式
还可以带参数(多个）
.main(@w:10px,@h:10px,@c:pink ){
。。。。。
}
还有匹配模式类似api的
返回列表
评论