![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
less
monster_胖丁
这个作者很懒,什么都没留下…
展开
-
Less从入门到精通——!important关键字(附源码、学习视频和笔记)
完整学习视频及资料在这里哦~链接:https://pan.baidu.com/s/1XHxElnc2N-qwg2f2J30Qyw提取码:4k8t关键字(important)!important关键字:在调用的混合集后面追加 !important 关键字,可以使混合集里面的所有属性都继承 !important。这样可以提升样式的权重以至于不被层叠。.bg(){ width: 200px; height: 200px;}div{ .bg();}div{ .bg(原创 2021-04-02 19:57:08 · 440 阅读 · 0 评论 -
Less从入门到精通——引入(附学习视频、源码及笔记)
完整学习视频及资料在这里哦~链接:https://pan.baidu.com/s/1XHxElnc2N-qwg2f2J30Qyw提取码:4k8t引入(importing)引入less文件我们可以引入一个或多个 .less 文件,然后再这个文件中的所有变量都可以在当前 less 文件中使用。语法:@import " ×××" ;里面为需要引入less文件的相对路径,若和当前文件同一目录,则直接写被引入文件的名字,如commont,若是外一层,则为../commont,依次类推。// 在同一目原创 2021-04-02 19:55:35 · 2066 阅读 · 0 评论 -
Less从入门到精通——合并属性(附源码、学习视频和笔记)
完整学习视频及资料在这里哦~链接:https://pan.baidu.com/s/1XHxElnc2N-qwg2f2J30Qyw提取码:4k8t合并属性逗号分割合并的属性( + ) 在需要合并的属性的 “ : ” 前面加上 “ + ” 就可以完成合并,合并以“ ,” 分割属性。.mixin(){ // name 为 in 的动画 animation+: in 3s;}div{ .mix原创 2021-04-02 19:48:51 · 121 阅读 · 0 评论 -
Less从入门到精通——命名空间(附源码、学习视频和笔记)
完整学习视频及资料在这里哦~链接:https://pan.baidu.com/s/1XHxElnc2N-qwg2f2J30Qyw提取码:4k8t命名空间将一些需要的混合组合在一起,可以通过嵌套多层id 或者 class 来实现。这样类似于进行了一种封装可以供重复调用。我们可以在 Less 混合中为自己封装一些比较日常比较常用的类名,通过命名空间来使用,来使编码更加有效率,如:比如我们在 混合 #bgc 里面定义了 .a .width .height三个类,分别设置了字体颜色与鼠标经过原创 2021-04-02 17:30:17 · 169 阅读 · 0 评论 -
Less从入门到精通——作用域(附学习视频、源码及笔记)
完整学习视频及资料在这里哦~链接:https://pan.baidu.com/s/1XHxElnc2N-qwg2f2J30Qyw提取码:4k8t作用域 相信在座的各位都多多少少听说过吧,Less中的作用域也确实和编程语言的作用域类似。作用域可以理解为可以被访问的区域。 但编译器解析到一个变量或混合时,会先从当前范围开始查找,也就当前所在的{ },找不到再去外层也就是父级的作用域开始查找,依次类推。// 在变量那一章我们也提到了作用域// 现在再来练习一下吧@color:pink;原创 2021-04-02 17:27:44 · 73 阅读 · 0 评论 -
Less从入门到精通——嵌套规则(附学习视频、源码及笔记)
完整学习视频及资料在这里哦~链接:https://pan.baidu.com/s/1XHxElnc2N-qwg2f2J30Qyw提取码:4k8t嵌套规则 嵌套规则它模仿了HTML的结构,让我们的CSS代码更加简洁明了清晰1. 子元素嵌套可以将子元素的样式直接写在父元素的里面,形成嵌套header{ color:green; // 表示选择 header的子元素p 并设置其样式 p{ co原创 2021-04-02 17:24:37 · 179 阅读 · 0 评论 -
Less从入门到精通——变量与混合(附学习视频、源码及笔记)
完整学习视频及资料在这里哦~链接:https://pan.baidu.com/s/1XHxElnc2N-qwg2f2J30Qyw提取码:4k8t变量(variables) Less中采用“ @ ”定义变量,使用时直接使用“@命名符”。1. 作为普通变量// 命名:@color:red; // 调用:div{ color:@color;} &nbs原创 2021-04-02 17:21:37 · 174 阅读 · 0 评论