less
关注
分享
扫一扫
&XYZ&
越努力，越幸运！
展开
-
less与less之间的模块引用、模块化
demo.html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta h...原创 2020-01-16 21:24:38 · 907 阅读 · 0 评论 -
浏览器端使用less
Less 是一门 CSS 预处理语言，它扩展了 CSS 语言，增加了变量、Mixin、函数等特性，使 CSS 更易维护和扩展。 Less 可以运行在 Node 或浏览器端。 浏览器端用法: Next,download less.jsand include it in a<script></script>tag in the<head>el...原创 2019-08-15 17:27:54 · 442 阅读 · 0 评论 -
less中的注释、less中的公共变量怎么写、变量延迟加载
以//开头的注释，不会被编译到css文件中 以/**/包裹的注释会被编译到css文件中 //style.less文件 /*这里注释会被编译到css文件中*/ .less-test1 { width: 200px; height: 200px; border: 1px solid red; margin: 0 auto; display: flex; justify-c...原创 2019-08-16 09:58:08 · 602 阅读 · 0 评论 -
less的嵌套规则：&的使用
在类前面添加了&之后，编译之后的css变为且的关系，而没有使用&的css是父子的关系。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel=...原创 2019-08-16 11:53:12 · 641 阅读 · 0 评论 -
less中的混合
混合就是将一系列属性从一个规则集引入到另一个规则集的方式。 普通混合（例子中重点看mixture） <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="s...原创 2019-08-16 17:27:42 · 211 阅读 · 0 评论 -
less继承
性能比混合高，灵活度比混合低。 加all继承所有的状态。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>less继承</title> <link rel="stylesheet" type="tex...原创 2019-08-17 17:13:49 · 370 阅读 · 0 评论 -
less避免编译
有的时候你不想要less帮你编译，你可以：使用 ~"" 例子： width：~"salc(200px-100px)"原创 2019-08-17 17:25:12 · 260 阅读 · 0 评论