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

相关推荐
engchina1 小时前
CSS 背景与边框:从基础到高级应用
前端·css
无限大.8 小时前
前端知识速记--CSS篇:display
前端·css
子非鱼92117 小时前
两栏布局、三栏布局、水平垂直居中
前端·javascript·css
Anlici21 小时前
2025前端高频面试题--CSS篇
前端·css
Lorcian1 天前
web前端12--表单和表格
前端·css·笔记·html5·visual studio code
问道飞鱼1 天前
【前端知识】常用CSS样式举例
前端·css
Enti7c1 天前
用 HTML、CSS 和 JavaScript 实现抽奖转盘效果
前端·css
engchina1 天前
CSS Display属性完全指南
前端·css
engchina1 天前
详解CSS `clear` 属性及其各个选项
前端·css·css3
m0_zj1 天前
17.[前端开发]Day17-形变-动画-vertical-align
前端·css·chrome·html·html5