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

相关推荐
WZl6 小时前
在传统的HTML、CSS与JavaScript项目中加入vue
javascript·css·vue.js·html
无·糖6 小时前
大学生HTML期末大作业——HTML+CSS+JavaScript人物明星(周杰伦)
javascript·css·html·课程设计·大学生·大作业·web网页设计作业
parade岁月7 小时前
理解 CSS backface-visibility:卡片翻转效果背后的属性
前端·css
l***77528 小时前
Vue项目中 安装及使用Sass(scss)
vue.js·sass·scss
QianhangQianping9 小时前
前端技术迭代深析:从 CSS 布局到状态管理的进化之路
前端·css
k***216010 小时前
【HTML+CSS】使用HTML与后端技术连接数据库
css·数据库·html
ycgg10 小时前
别再只用 --xxx!CSS @property 解锁自定义属性的「高级玩法」
前端·css
软件技术NINI11 小时前
html css js网页制作成品——鹿晗html+css+js 4页附源码
javascript·css·html
Z_Wonderful11 小时前
主题切换(1):css变量的使用(:root)
前端·javascript·css