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

相关推荐
be or not to be32 分钟前
CSS 定位机制与图标字体
前端·css
web小白成长日记5 小时前
前端三个月速成,是否靠谱?
前端·react.js·前端框架·html·reactjs·webkit·scss
❆VE❆6 小时前
【:has()】 CSS关系性伪类介绍及实战
前端·javascript·css
kk哥88997 小时前
如何使用 CSS 变量实现响应式设计?
前端·css
蓝胖子的多啦A梦7 小时前
TailwindCSS:高效构建现代化UI
前端·css·使用教程·tailwind css
静小谢8 小时前
sass笔记
前端·笔记·sass
be or not to be9 小时前
前端布局与常见技术总结
前端·css·笔记
亲爱的小小安妮呀10 小时前
CSS核心技术(5)(pink)
前端·javascript·css
inksci10 小时前
Matcha.css库让原生的html标签好看起来
前端·css
神秘的猪头10 小时前
React + Tailwind CSS 实战:打造一个“会呼吸”的登录页面
css·react.js