less-- CSS 预处理语言

最新推荐文章于 2024-09-16 14:15:11 发布

我只是想饮一杯奶茶

最新推荐文章于 2024-09-16 14:15:11 发布

阅读量908

点赞数

分类专栏： less 文章标签： less vue.js css css3 前端

本文链接：https://blog.csdn.net/weixin_45626517/article/details/108832285

版权

本文详细介绍了Less，一种CSS预处理语言，它提供了变量、混入、加成乘除规则、嵌套、@规则、函数、命名空间、映射、作用域和导入等功能，极大地增强了CSS的编写效率和可维护性。通过实例展示了如何使用这些特性，帮助前端开发者更好地掌握Less。

摘要由CSDN通过智能技术生成

关于less

Less 是一门 CSS 预处理语言，它扩展了 CSS 语言，增加了变量、Mixin、函数等特性。Less 可以运行在 Node 或浏览器端。

less转css的一些操作
      cnpm install -g less          //下载

      lessc less文件                 //转css后输出到控制台
      lessc less文件 css文件   //将less转到指定css文件里

//引入外部less文件
<link rel="stylesheet/less" type="text/less" href="./styles/index.less">  //要手动修改rel="stylesheet/less"不然会报错

//因为默认的rel="stylesheet" mime类型是text/css,而不是text/less
//注意：即使改了type="text/less"也没用，因为这只是辅助说明引入的文件是less类型，并不起什么作用。
//只有改了rel="stylesheet/less"才能识别less类型文件

 <!-- 转换less->css的js文件 -->
    <script src="../../工具/less-3.12.2.js"></script>