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

相关推荐
Joker Zxc8 小时前
【前端基础】20、CSS属性——transform、translate、transition
前端·css
面向星辰8 小时前
css其他选择器(精细修饰)
前端·css
宁雨桥8 小时前
从视口到容器:CSS 容器查询完全指南
前端·css
我登哥MVP12 小时前
HTML-CSS-JS-入门学习笔记
javascript·css·笔记·学习·html
西洼工作室1 天前
CSS高效开发三大方向
前端·css
昔人'1 天前
css`font-variant-numeric: tabular-nums` 用来控制数字的样式。
前端·css
不叫猫先生2 天前
中秋连连看小游戏开发完整教程
javascript·css·小游戏·连连看
西洼工作室3 天前
SSE与轮询技术实时对比演示
前端·javascript·css
Dontla3 天前
Tailwind CSS介绍(现代CSS框架,与传统CSS框架Bootstrap对比)Tailwind介绍
前端·css·bootstrap
向上的车轮3 天前
CSS 预处理器:Sass的基本用法、核心特性
css·sass