sass/scss语法汇总

最新推荐文章于 2024-12-23 11:40:06 发布

羊二哥

最新推荐文章于 2024-12-23 11:40:06 发布

阅读量3.4k

点赞数

分类专栏： js css

本文链接：https://blog.youkuaiyun.com/weixin_43586120/article/details/89452625

版权

本文总结了Sass（现通常使用scss后缀）的特点，包括其稳定性和对CSS的全面兼容。文章详细介绍了Sass的安装与编译过程，涉及ruby环境和编译工具如考拉、gulp-sass。此外，还深入探讨了Sass的语法特性，如导入、嵌套、变量、选择器、循环、Map、@mixin、函数、继承等，为读者提供了一个全面的Sass语法指南。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、sass特点（现后缀为.scss）

1> 稳定、成熟、强大的专业级css扩展语言。

2> 完全兼容所有版本的CSS，可以无缝使用任何可用的CSS库。

3> 有无数的框架使用Sass构建。

2、sass安装与编译

1> 安装所需环境 : ruby

安装sass命令：gem  install  sass
更新Sass版本：gem  update  sass
删除Sass：gem  remove  sass

2> 编译sass : 考拉、gulp-sass

sass编译形式：
nested : 大括号跟在代码后面（默认）
expanded：大括号都在左列
compact：一行式css代码
compressed：压缩后的css代码

3、sass语法

/* 导入其它sass文件 */

1> 以下划线开头的scss文件,不会被直接编译,只能供其它sass文件使用   //_common.scss
2> @import  'sass文件名';  //引入公共文件
@import “common.scss”;  //在1个sass里引入另一个sass

最低0.47元/天解锁文章