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 · 937 阅读 · 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 · 464 阅读 · 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 · 645 阅读 · 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 · 694 阅读 · 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 · 247 阅读 · 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 · 390 阅读 · 0 评论 -
less避免编译
有的时候你不想要less帮你编译，你可以：使用 ~""例子：width：~"salc(200px-100px)"原创 2019-08-17 17:25:12 · 290 阅读 · 0 评论