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

相关推荐
触底反弹4 小时前
🎲 纯 CSS 搞定 3D 旋转立方体?还附赠一个「天坑」解决方案!
前端·css·html
finyouIT5 小时前
锚点实现了点击导航平滑滚动到页面指定位置的三种方法
javascript·css
用户059540174467 小时前
用了半年 LangChain Memory,才发现记忆总“串台”——3 个自动化测试避坑指南
前端·css
More more8 小时前
纯手搓css样式:科技感弹窗边框
css·科技·css3
kidding7231 天前
旋转大转盘小程序
前端·css·微信小程序·小程序·前端框架
用户059540174461 天前
AI 客服突然“失忆”,排查 6 小时发现 LangChain 记忆存储的 3 个致命坑
前端·css
晓得迷路了1 天前
栗子前端技术周刊第 136 期 - pnpr、Flow 重构移植 Rust、Astryx...
前端·javascript·css
丨我是张先生丨1 天前
英语单词 Web Page
前端·css·css3
疯狂的魔鬼2 天前
精确计算容器剩余视口高度:useAutoContainerFullHeight 的工程实践
前端·css·typescript
用户059540174462 天前
用了 3 个月 ChatGPT,才发现它一直在遗忘——用 Playwright 自动化验证记忆存储一致性
前端·css