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

相关推荐
里欧跑得慢3 小时前
17. Flutter Hero动画实现:让界面过渡更加优雅
前端·css·flutter·web
凯瑟琳.奥古斯特7 小时前
Redis是什么及核心特性
前端·css·redis·缓存
DFT计算杂谈7 小时前
VASP官方教程 TRIQS DFT+DMFT计算教程
运维·css·自动化·html·css3
可达鸭小栈11 小时前
易语言实现CSS像素文字生成器:无需字体文件渲染汉字
前端·css
yqcoder12 小时前
CSS 迷思破解:`:nth-child` vs `:nth-of-type`
前端·css
遇见~未来12 小时前
第六篇_CSS进阶_深入浏览器与工程化
前端·css·rust
xingpanvip13 小时前
星盘接口开发文档:日运语料接口指南
android·开发语言·前端·css·php·lua
之歆14 小时前
Day05_CSS完整博客笔记(下)
前端·css·笔记
之歆14 小时前
Day05_CSS完整博客笔记(上)
前端·css·笔记
ZC跨境爬虫14 小时前
跟着 MDN 学 HTML day_7:(进阶文本语义标签全覆盖)
前端·javascript·css·ui·html