技术栈

CSS预处理器---Sass/Scss

煸橙干儿~~2024-01-30 15:20

less、sass、stylus都是css预处理器,语法稍有差异,但作用一样,都是让css增强能力,具备变量、函数等能力。
sass的语法分:.sass 和 .scss 。

Sass和Stylus的语法类似:

1、要求不加分号

2、不能加大括号{}(用缩进表示层级关系)

Scss和less的语法类似,但定义变量的方法不同:

1、less用@定义变量---@color

2、scss用定义变量---color

具体使用方法可参考官方网站:

sass中文官网

less中文官网

stylus中文官网

上一篇:Mygin中间件优化及logger日志中间件
下一篇:研发日记,Matlab/Simulink避坑指南(五)——CAN解包 DLC Bug
相关推荐
阳火锅
13 小时前
💡 告别类名地狱!Tailwind CSS 语义化转换神器来了
前端·css·vue.js
DFT计算杂谈
15 小时前
AMSET 设置多核并行计算
java·前端·css·html·css3
前端老石人
17 小时前
CSS 值定义语法
前端·css
JYeontu
17 小时前
正方体翻滚Loading 2.0
前端·javascript·css
唐青枫
18 小时前
别再手写重复 CSS 了:SCSS 从入门到实战
前端·css·scss
huohaiyu
18 小时前
HTML和CSS基础使用
前端·css·html
步十人
19 小时前
【CSS】基础一篇过
前端·css
漂流瓶jz
1 天前
从TailwindCSS到UnoCSS:原子化CSS框架接入、特性与配置
前端·css·react.js
gCode Teacher 格码致知
2 天前
Javascrip提高:CSS backdrop-filter的使用方法-由Deepseek产生
前端·css
热门推荐
01GitHub 镜像站点02Codex 接入 DeepSeek API 完整配置文档03CC-Switch & Claude 基于 Linux 服务器安装使用指南04【AI】2026 年具身智能模型和世界模型总结05零基础教你claude code 接入 deepseek V406Cursor 接入 DeepSeek‑V4‑Pro 完整指南(2026 实测)07codex app每次打开重连5次Reconnecting问题解决08Windows端Codex接入第三方模型(DeekSeek,BaiLian)09裂开!ChatGPT 居然开始要手机号验证,附详细解决方法10AI科技热点日报 | 2026年5月11日