![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
less
HHH 917
这个作者很懒,什么都没留下…
展开
-
less 注释
less注释的使用less中有两种注释方式一种是 //一种是/**///开头的注释,不会编译到css文件/**/ 包裹的注释,会被编译到css中代码原创 2019-04-09 15:25:48 · 679 阅读 · 0 评论 -
less变量的使用
less变量的使用less中的变量用@声明。一般这三种可以当做变量使用:属性值属性名选择器名使用方法属性值为变量@color:yellowgreen; //属性值为变量.one{ width: auto; height: 50%; text-align: center; background: @color;}属性名为变量@text:tex...原创 2019-04-09 15:56:58 · 6359 阅读 · 1 评论 -
less变量的延迟加载
less变量的延迟加载less中的加载是有延迟的它会在当前作用域样式未加载之前先加载变量,而且是由内而外,先寻找作用域内的变量,如果没有在寻找作用域外的变量代码说明less样式@var:yellow;.test{ background: @var; .test2{ @var:blue; color: @var; @var:pink; } @...原创 2019-04-09 16:38:51 · 712 阅读 · 0 评论 -
less 混合方式一一举例
less的混合混合方式列举(自己命的):1.普通混合2.不保留公共部分到css混合3.带参数混合4.带参数且有默认值混合5.命名参数混合6.匹配模式混合7.匹配模式及不保留公共部分混合1.普通混合less转成css时公共部分还会保留。less.gonggong{ width: 50px; height: 50px;}.box1{ background: red...原创 2019-04-09 21:19:42 · 571 阅读 · 0 评论 -
less 继承语法
less 继承less继承方便代码模块化继承不支持带参数如社区公共头部与尾部语法: 获得继承名:extend(继承部分名){…}代码:less.jicheng{ width: auto; height: 50%; text-align: center; background: aqua;}.header:extend(.jicheng){ ...原创 2019-04-09 21:58:08 · 11482 阅读 · 0 评论 -
less算法
less算法(笔记)less算法支持加减乘除只需带一个单位例子:less代码.footer{ width: (50px+100) (20*10px);}生成的css代码.footer { width: 150px 200px;}原创 2019-04-09 22:04:05 · 326 阅读 · 0 评论 -
less免编译语法
less免编译语法(笔记)less中有些可以无需编译部分,可让浏览器完成部分语法: ~“免编译部分”例子less代码.footer{ width:~"cacl(100px+100)"; height:cacl(100px+100);}生成的css代码.footer { width: cacl(100px+100); height: cacl(20...原创 2019-04-09 22:18:09 · 391 阅读 · 0 评论