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

相关推荐
ZC跨境爬虫10 小时前
跟着 MDN 学CSS day_41:显式轨道、隐式网格与区域命名放置
前端·javascript·css·ui·交互
小KK_15 小时前
CSS浮动布局指南:从文档流到BFC
前端·css·html
半个落月18 小时前
前端工程化第一步:BEM 国际命名规范与 CSS Reset 实战
前端·css
Darling噜啦啦19 小时前
BEM 命名规范 + CSS Reset 实战:从微信按钮页面看专业前端开发
前端·css·代码规范
To_OC20 小时前
写完这个微信风格按钮页面,我终于吃透了BEM命名+CSS重置
前端·css·html
ZC跨境爬虫21 小时前
跟着 MDN 学CSS day_44:响应式设计——让网页适配所有屏幕的完整指南
前端·css·ui·html·tensorflow
用户059540174461 天前
把 AI 记忆验证从手工 Log 换成 Pytest+Mem0,上下文丢失 bug 减少 90%
前端·css
小林ixn1 天前
BEM 命名规范与 CSS 重置:打造优雅的按钮页面实战
前端·css
用户059540174461 天前
把对话记忆从内存搬到 Redis,长期记忆准确率从 63% 提升到 98%
前端·css
ZC跨境爬虫1 天前
跟着 MDN 学CSS day_43:CSS布局挑战——从浮动到弹性盒与栅格的综合实践
前端·css·ui·html·tensorflow