less

安装: 直接引入less.js 或者 npm
1、<link rel="stylesheet/less" type="text/css" href="styles.less" />
<script src="less.js" type="text/javascript"></script>
2、lessc style.less >ok.css 编译less文件
3、然后页面中直接引用css,把rel的类型也改回css.
修改后需要手动编译
监视模式:客户端的一个功能,允许当你改变样式的时候,客户端自动刷新。要使用它,只要在url后面加#watch,然后刷新页面就可以了,另外,也可以通过在终端运行less.watch()来启动监视模式。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一.简介 1.less是什么Less 是一门 一种动态样式语言,它扩充了 CSS 语言,增加了诸如变量、混合(mi...
    nightZing阅读 5,408评论 0 8
  • 变量 注意你的less样式文件一定要在引入less.js前先引入。 备注:请在服务器环境下使用!本地直接打开可能会...
    286f50208306阅读 4,675评论 0 1
  • [目录] Less为什么会出现? 学习Less的网站 Less的安装环境离线的安装方式在线的安装方式 less转化...
    顽皮的雪狐七七阅读 15,569评论 5 42
  • 大家好~ 我是一枚正直纯洁的苦逼程序员!!!!! 1.背景介绍 什么是LESS 我们先提一下css CSS(...
    Meetin空白阅读 10,646评论 0 4
  • 大家好,我是IT修真院郑州分院第05期学员,一枚正直纯洁善良的web程序员。今天给大家分享一下,修真院官网css任...
    渣渣啊123阅读 7,112评论 0 4