CSS预处理器---Sass/Scss

less、sass、stylus都是css预处理器,语法稍有差异,但作用一样,都是让css增强能力,具备变量、函数等能力。
sass的语法分:.sass 和 .scss 。

Sass和Stylus的语法类似:

1、要求不加分号

2、不能加大括号{}(用缩进表示层级关系)

Scss和less的语法类似,但定义变量的方法不同:

1、less用@定义变量---@color

2、scss用定义变量---color

具体使用方法可参考官方网站:

sass中文官网

less中文官网

stylus中文官网

相关推荐
keyipatience2 小时前
JavaScript学习(1)书写位置,变量、数据类型、运算符
开发语言·前端·javascript·css·学习
酷炫码神8 小时前
Day 2|CSS 盒模型:把昨天的骨架,变成能看的页面
前端·css
oicola11 小时前
Ant Design v5 vs Tailwind CSS:组件库与样式框架的终极对决
前端·css
软件技术NINI1 天前
美妆商城html+Css+js 4页
javascript·css·html
2603_965896621 天前
Grid 网格布局|CSS 二维页面排版体系
前端·css
多喝水身体棒1 天前
# CSS Grid布局入门,二维布局再也不用float了
css
软件技术NINI1 天前
化妆品html+css+js 7页
javascript·css·html
kaixin_learn_qt_ing2 天前
hexdump -C /path/to/binary | less 看十六进制内容
前端·css·less
damoluomu2 天前
SSG 的后台怎么补:Node.js 生态里的三条路(番外二)
javascript·css·typescript·node.js·html
溪语流沙2 天前
【每天一个CSS | Day23】边框上有一道光在跑的流光呼吸卡片
前端·css