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

相关推荐
As977_24 分钟前
前端学习Day12 CSS盒子的定位(相对定位篇“附练习”)
前端·css·学习
susu108301891126 分钟前
vue3 css的样式如果background没有,如何覆盖有background的样式
前端·css
我要洋人死3 小时前
导航栏及下拉菜单的实现
前端·css·css3
小白白一枚11114 小时前
css实现div被图片撑开
前端·css
@蒙面大虾14 小时前
CSS综合练习——懒羊羊网页设计
前端·css
顾菁寒15 小时前
WEB第二次作业
前端·css·html
前端Hardy20 小时前
HTML&CSS:爱上班的猫咪
前端·javascript·css·vue.js·html
聚宝盆_1 天前
【css flex 多行均分有间隙布局】
前端·css
零希1 天前
CSS元素类型(二)
前端·javascript·css
煎饼果子呀1 天前
css-flex布局属性
开发语言·前端·css·html5