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

相关推荐
AliciaIr1 小时前
前端面试:字体与像素的底层解析
前端·css
coderklaus2 小时前
CSS 嵌套语法(CSS Nesting)
前端·css
超级小忍2 小时前
CSS 常用动画属性详解(含实用示例)
前端·css
掘金安东尼4 小时前
CSS 现状调查 2025
前端·css·面试
落霞的思绪8 小时前
CSS复习
前端·css
前端老鹰21 小时前
CSS backdrop-filter:给元素背景添加模糊与色调的高级滤镜
前端·css·html
艾小码1 天前
深入解析CSS伪类:从基础到高级实战指南
前端·css
鸢栀w1 天前
前端css学习笔记7:各种居中布局&空白问题
前端·css·笔记·学习·尚硅谷网课
讨厌吃蛋黄酥2 天前
前端居中九种方式血泪史:面试官最爱问的送命题,我一次性整明白!
前端·css
意会2 天前
微信闪照小程序实现
前端·css·微信小程序