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

相关推荐
栉甜1 天前
APIs学习
前端·javascript·css·学习·html
dsyyyyy11011 天前
CSS定位布局和网格布局
前端·css
Arman_1 天前
03 rusty-cat 进阶解析:架构设计、云存储接入、安全模型与长期维护评估
css·安全·rust·文件分片上传·文件分片下载
. . . . .1 天前
css module
前端·css
晓得迷路了1 天前
栗子前端技术周刊第 129 期 - TanStack npm 供应链入侵事件、pnpm 11.1、Tailwind CSS 4.3...
前端·javascript·css
漂流瓶jz2 天前
总结CSS组件化演进之路:命名规范/CSS Modules/CSS in JS/原子化CSS
前端·javascript·css
Dxy12393102162 天前
CSS滤镜使用方法完全指南
前端·css
Dxy12393102162 天前
CSS中的filter属性详解
前端·css
何何____2 天前
CSS 易混淆易错知识点
前端·css
艾伦野鸽ggg2 天前
CSS布局与动效知识梳理
前端·css