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

相关推荐
lv程序媛2 小时前
css让按钮放在最右侧
前端·css
温轻舟2 小时前
前端开发 之 12个鼠标交互特效上【附完整源码】
开发语言·前端·javascript·css·html·交互·温轻舟
linda_06075 小时前
定位方式:css
前端·css
安冬的码畜日常6 小时前
【CSS in Depth 2 精译_086】14.3:CSS 剪切路径(clip-path)的用法
前端·css·css3·html5·clip-path·css剪辑·css剪切路径
Amo 67296 小时前
css 裁剪 clip-path
前端·css
前端Hardy9 小时前
HTML&CSS:超级酷炫的3D照片墙
css·html
学代码的小前端12 小时前
0基础学前端-----CSS DAY9
前端·css
唯之为之1 天前
巧用mask属性创建一个纯CSS图标库
css·svg
Elena_Lucky_baby1 天前
sass、scss、less、的区别
less·sass·scss
寻找沙漠的人1 天前
前端知识补充—CSS
前端·css