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

相关推荐
aaaweiaaaaaa10 小时前
HTML和CSS学习
前端·css·学习·html
xcnn_10 小时前
前端入门——案例一:登录界面设计(html+css+js)
前端·css·html
ST.J10 小时前
前端笔记2025
前端·javascript·css·vue.js·笔记
前端Hardy13 小时前
HTML&CSS:有趣的漂流瓶
前端·javascript·css
前端Hardy13 小时前
HTML&CSS :惊艳 UI 必备!卡片堆叠动画
前端·javascript·css
toooooop814 小时前
本地开发环境webScoket调试,保存html即用
前端·css·websocket
前端Hardy14 小时前
只用2行CSS实现响应式布局,比媒体查询更优雅的布局方案
javascript·css·html
小菜全14 小时前
uniapp基础组件概述
前端·css·vue.js·elementui·css3
心一信息16 小时前
ThreeJS骨骼示例
css·css3·html5
jason_yang21 小时前
基于BEM规范实现ElementPlus组件
css·scss