![](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 · 665 阅读 · 0 评论 -
less变量的使用
less变量的使用 less中的变量用@声明。 一般这三种可以当做变量使用: 属性值 属性名 选择器名 使用方法 属性值为变量 @color:yellowgreen; //属性值为变量 .one{ width: auto; height: 50%; text-align: center; background: @color; } 属性名为变量 @text:tex...原创 2019-04-09 15:56:58 · 6348 阅读 · 1 评论 -
less变量的延迟加载
less变量的延迟加载 less中的加载是有延迟的 它会在当前作用域样式未加载之前先加载变量,而且是由内而外,先寻找作用域内的变量,如果没有在寻找作用域外的变量 代码说明 less样式 @var:yellow; .test{ background: @var; .test2{ @var:blue; color: @var; @var:pink; } @...原创 2019-04-09 16:38:51 · 704 阅读 · 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 · 557 阅读 · 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 · 11461 阅读 · 0 评论 -
less算法
less算法(笔记) less算法支持加减乘除 只需带一个单位 例子: less代码 .footer{ width: (50px+100) (20*10px); } 生成的css代码 .footer { width: 150px 200px; }原创 2019-04-09 22:04:05 · 316 阅读 · 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 · 385 阅读 · 0 评论