前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >less和sass的使用区别

less和sass的使用区别

作者头像
不爱吃糖的程序媛
发布2024-01-18 19:58:10
840
发布2024-01-18 19:58:10
举报
  1. 变量的引用:@ Sass中用的是:$
  2. 混合mixins 假如在一个类中引用另一个类时,是直接用套用 .类名(); 对比Sass:
在这里插入图片描述
在这里插入图片描述
  1. 嵌套使用 Sass和less此处是一样的。Css好像是不能直接嵌套使用。 还可以伪选择器与混合(mixins)一同使用,用 & 表示当前选择器的父级。 @ 规则(例如 @media 或 @supports)可以与选择器以相同的方式进行嵌套。@ 规则会被放在前面,同一规则集中的其它元素的相对顺序保持不变。这叫做冒泡(bubbling)。
在这里插入图片描述
在这里插入图片描述

对比Sass: Sass是叫继承。

在这里插入图片描述
在这里插入图片描述

4. 运算 就是可以将less的变量进行加减乘除。 5. 映射

在这里插入图片描述
在这里插入图片描述
  1. 作用域: 这个和js的差不多,就是内部改变了外部命令,是继承内部的命令。
  2. 导入less的方式: Less和sass一样的。 如果导入的文件是 .less 扩展名,则可以将扩展名省略掉: @import “library”; // library.less
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2024-01-18,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档