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

相关推荐
三天不学习5 小时前
Tailwind CSS 快速入门(2026 版):从 v4 零配置上手,到「该不该用、怎么用好」的选型实战
前端·css·tailwind
htzyl2066 小时前
前端阶梯——第九章、颜色、文本与背景
前端·css
htzyl2066 小时前
前端阶梯——第八章、CSS入门与选择器
前端·css
传人1 天前
页面中心圆圈放大效果如何写
前端·css
被摘下的星星2 天前
CSS 基础说明
前端·css
传人once3 天前
网页文字滚动效果如何做
前端·css·html·jquery·html5
乌暮3 天前
拆解网页的底层逻辑:用费曼学习法讲透 HTML 与 CSS
前端·css·学习·html
传人once3 天前
多图片上传预览功能如何写
前端·css·html·jquery·html5
传人once3 天前
悬停旋转放大和位移效果如何写
javascript·css·动画
听风3474 天前
windplay网页创意实验场
css·html·创意·website·windplay