博客
关于我
强烈建议你试试无所不能的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

你可能感兴趣的文章
C++ 面向对象
查看>>
Maven Nexus
查看>>
js 判断滚动条的滚动方向
查看>>
关于springboot启动时候报错:springboot Failed to parse configuration class [Application]
查看>>
java中Class的使用详解
查看>>
css,js文件后面加一个版本号
查看>>
webpack第一节(2)
查看>>
python之asyncio三种应用方法
查看>>
Laravel 的文件存储 - Storage
查看>>
转:[Server] 在 Windows 上安裝 PHP 5.3 開發環境
查看>>
【IE6的疯狂之二】IE6中PNG Alpha透明(全集)
查看>>
第一个Shell脚本
查看>>
C++ 小笔记
查看>>
Mysql 语句优化
查看>>
例子:进度条
查看>>
包含单引号的sql
查看>>
HTML 基础 2
查看>>
Java 最常见 200+ 面试题全解析:面试必备(转载)
查看>>
LinkedList
查看>>
Spring框架下PropertyPlaceholderConfigurer类配置roperties文件
查看>>