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

相关推荐
Arman_15 分钟前
03 rusty-cat 进阶解析:架构设计、云存储接入、安全模型与长期维护评估
css·安全·rust·文件分片上传·文件分片下载
. . . . .2 小时前
css module
前端·css
晓得迷路了3 小时前
栗子前端技术周刊第 129 期 - TanStack npm 供应链入侵事件、pnpm 11.1、Tailwind CSS 4.3...
前端·javascript·css
漂流瓶jz12 小时前
总结CSS组件化演进之路:命名规范/CSS Modules/CSS in JS/原子化CSS
前端·javascript·css
Dxy123931021619 小时前
CSS滤镜使用方法完全指南
前端·css
Dxy12393102161 天前
CSS中的filter属性详解
前端·css
何何____1 天前
CSS 易混淆易错知识点
前端·css
艾伦野鸽ggg1 天前
CSS布局与动效知识梳理
前端·css
Boop_wu1 天前
[前端] CSS 常用样式(聊天界面 / 网页布局专用)
前端·css·css3
丑八怪大丑2 天前
HTML&CSS
前端·css·html