1、什么是sass?
SASS是一种css的开发工具,提供了许多的便利写法,大大节省了设计者的时间,使得css的开发变得简单和可维护。
2、sass文件的后缀名:
.sass.scss
3、基本用法:
1).SASS允许使用变量,所有变量以$开头。
$blue : #fff ; div{color : $blue}如果需要镶嵌在字符串中,就必须写在 #{} 之中。
$side : left ; div{border-#{$side}-radius : 5px ; }2).计算功能
SASS允许在代码中使用算式
body{margin : (100px*2) ; padding : 20px*2; }3).嵌套
选择器嵌套:
div{
h1{color : red; }
$:hover{background-color : lightgreentea}
【SASS】 }
推荐阅读
- Gulp没有错误,但SASS没有编译成CSS
- dasassdsd
- 用于SCSS的PhpStorm File Watcher无法编译node_modules
- sass 中使用/deep/报错(已解决!!!)
- Flexbox和Sass Grid教程(如何简化响应式设计)
- Sass 使用
- vue.js|vue + element-UI 实现深色模式和主题色动态切换
- SASS如何使用父选择器(代码示例)
- SASS如何使用@if和@else(代码示例)