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

相关推荐
whuhewei5 小时前
在React中实现CSS动画的回放
前端·css·react.js
敏编程8 小时前
一天一个Python库:soupsieve - CSS 选择器在 Beautiful Soup 中的力量
开发语言·css·python
圣光SG9 小时前
奶茶店网页(纯HTML和CSS)
前端·css·html
kyriewen9 小时前
你还在给每个图片父元素加类名?CSS :has() 让选择器“逆天改命”
前端·css·面试
reasonsummer10 小时前
【白板类-02-01】20260326找影子01(html+希沃白板)
css·html·css3
dear_bi_MyOnly1 天前
【 HTML + CSS + JavaScript 学习速通 max】
javascript·css·学习·html·学习方法
星空1 天前
css+html案例
css·html·css3
厚积而薄发15281 天前
我复刻了一个“会避嫌”的登录页,还把它开源了
css·开源·用户体验
kyriewen112 天前
给浏览器画个圈:CSS contain 如何让页面从“卡成PPT”变“丝滑如德芙”
开发语言·前端·javascript·css·chrome·typescript·ecmascript
bdawn2 天前
SCSS、CSS 和 SASS 之间的联系与区别
css·sass·预处理·编译·scss