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

相关推荐
Eighteen Z18 分钟前
CSS揭秘:10.平行四边形
前端·css·css3
嘉琪0012 小时前
封装一个有最小化的dialog组件
前端·javascript·css
春秋半夏5 小时前
音乐播放、歌词滚动
前端·css
饮茶三千6 小时前
几个在开发中起大作用的CSS新特性!
前端·css
十盒半价9 小时前
Stylus 伪元素:让 CSS 玩出 “无中生有” 的新花样
前端·css·trae
Savior`L13 小时前
CSS知识复习5
前端·css
Liudef0617 小时前
儿童趣味记忆配对游戏
css·游戏·css3
吉吉安1 天前
两张图片对比clip功能
javascript·css·css3
快起来别睡了1 天前
CSS 层叠上下文:从“谁在前,谁在后”说起
css
南方kenny1 天前
前端小知识:搞懂 BFC块级格式化上下文,告别面试“拦路虎”!
前端·css·面试