博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Css预处理器---Less(一)
阅读量:4921 次
发布时间:2019-06-11

本文共 785 字,大约阅读时间需要 2 分钟。

一、简介:

  Less是一种动态样式语言,可以在样式中使用变量,继承,运算,函数

二、使用

  (1)客户端使用 

1 //引入您的.less样式文件,rel属性区别去css为stylesheet/less2 
3 //引入less.js4

  (2)服务端使用

1 //使用npm安装less2 $ npm install -g less3 //或最新版本4 $ npm install -g less@latest5 //命令行使用lessc编译6 $ lessc index.less > index.css

  (3)在node项目中调用less编译器

1 //自动调用 2 var less = require("less"); 3 less.render(".myClass {width : 1 +1; padding : 10}", function (err, css) { 4    console.log(css) 5 }) 6  7 //输出 8 .myClass { 9   width : 2;10   padding : 10      11 }12 13 //手动调用14 var parser = require("less.Parser");15 parser.parse(".myClass {width : 1+2}", function (err, tree) {16   if(err) {17      console.error(err); 18    } else {19      console.log(tree.toCss())20    }21 })

  (4)使用Koala编译器()

   

转载于:https://www.cnblogs.com/hughes5135/p/7100589.html

你可能感兴趣的文章
SQL Server--导入和导出向导
查看>>
python 数据类型
查看>>
05-linux文件属性-硬链接-时间戳
查看>>
2015-2016 ACM-ICPC, Central Europe Regional Contest (CERC 15)
查看>>
malloc 实现二维数组
查看>>
P2661 信息传递
查看>>
[HDU] 1025 Constructing Roads In JGShining's Kingdom - 二分的求最大递增非连续子序列
查看>>
decode函数
查看>>
SCP注意事项
查看>>
英国NHS
查看>>
ScrollView嵌套GridView和ListView行高问题
查看>>
测试秒杀新版本3.5 stieserver cms
查看>>
Lua获取当前时间
查看>>
redis5.0主从配置
查看>>
JavaScript严谨模式(Strict Mode)提升开发效率和质量
查看>>
[洛谷P4092][HEOI2016/TJOI2016]树
查看>>
nginx配置比较杂乱的总结
查看>>
docker 真实---安装基本映像 (一)
查看>>
php中使用array_slice将数组中的元素分类
查看>>
关于C#的partial修饰符
查看>>