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中文官网

相关推荐
biubiubiu_LYQ2 小时前
萌新小白基础篇之CSS定位布局(干货满满)!
css
暗冰ཏོ4 小时前
CSS 超详细讲解(从基础到高级实战)
前端·css·css3·sass·scss
超人气王6 小时前
一文搞懂css定位布局,轻松掌握布局核心逻辑
前端·css
青春喂了后端6 小时前
IntelliGit 前端 CSS 分层与样式边界重构
前端·css·tensorflow
T-shmily8 小时前
使用svg图标
前端·css
暗冰ཏོ11 小时前
《前端动画超详细教程:CSS、JS 动画原理、实战与性能优化》
前端·javascript·css·动画
python在学ing1 天前
前端-CSS学习笔记
前端·css·python·学习
栉甜2 天前
APIs学习
前端·javascript·css·学习·html
dsyyyyy11012 天前
CSS定位布局和网格布局
前端·css
Arman_2 天前
03 rusty-cat 进阶解析:架构设计、云存储接入、安全模型与长期维护评估
css·安全·rust·文件分片上传·文件分片下载