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

相关推荐
像风一样自由202010 小时前
原生前端JavaScript/CSS与现代框架(Vue、React)的联系与区别(详细版)
前端·javascript·css
拾光拾趣录12 小时前
HTML行内元素与块级元素
前端·css·html
奶丝兔蜜柚13 小时前
物理像素&逻辑像素&DPR
css
还是大剑师兰特19 小时前
CSS面试题及详细答案140道之(41-60)
前端·css·大剑师·css面试·css示例
精神小伙2号20 小时前
css position
前端·css·html
PanZonghui21 小时前
移动端适配全景指南:从原理到实战的完整解决方案
前端·javascript·css
PanZonghui21 小时前
告别布局困惑:彻底搞懂CSS标准盒模型与IE盒模型
前端·css
qq_589568101 天前
javaweb学习开发代码_HTML-CSS-JS
前端·javascript·css·javaweb
北北~Simple2 天前
css 如何实现大屏4个占位 中屏2个 小屏幕1个
前端·css
han_2 天前
CSS关键字:initial、revert、unset傻傻分不清
前端·css·html