压缩输出方式 compressed
nav {
ul {
margin: 0;
padding: 0;
list-style: none;
}
li { display: inline-block; }
a {
display:...
4年前 (2021-08-17)
喜欢
紧凑输出方式 compact
nav {
ul {
margin: 0;
padding: 0;
list-style: none;
}
li { display: inline-block; }
a {
display: bl...
4年前 (2021-08-17)
喜欢
展开输出方式 expanded
nav {
ul {
margin: 0;
padding: 0;
list-style: none;
}
li { display: inline-block; }
a {
display: b...
4年前 (2021-08-17)
喜欢
嵌套输出方式 nested
Sass 提供了一种嵌套显示 CSS 文件的方式。
nav {
ul {
margin: 0;
padding: 0;
list-style: none;
}
li { display: inline-block;...
4年前 (2021-08-17)
喜欢
Koala
全平台免费工具
CodeKit
mac收费工具
...
4年前 (2021-08-17)
喜欢
单文件编译
sass <要编译的Sass文件路径>/style.scss:<要输出CSS文件路径>/style.css
多文件编译
sass sass/:css/
监听编译
sass --watch <要编译的Sass文件路径>/style...
4年前 (2021-08-17)
喜欢
查看Sass版本
sass -v
更新Sass
gem update sass
卸载Sass
gem uninstall sass
...
4年前 (2021-08-17)
喜欢
安装Ruby
brew install ruby
安装sass
sudo gem install sass
sass -v
Ruby Sass 3.7.4
执行命令
创建一个文件测试一下吧
这里创建了一个text.scss文件
Sass --watch text.scss:...
4年前 (2021-08-17)
喜欢
SCSS 和 CSS 写法无差别，这也是 Sass 后来越来越受大众喜欢原因之一。简单点说，把你现有的“.css”文件直接修改成“.scss”即可使用。
...
4年前 (2021-08-17)
喜欢
Sass 和 SCSS 其实是同一种东西，我们平时都称之为 Sass，两者之间不同之处有以下两点：
文件扩展名不同，Sass 是以“.sass”后缀为扩展名，而 SCSS 是以“.scss”后缀为扩展名
语法书写方式不同，Sass 是以严格的缩进式语法规则来书写，不带大括号({}...
4年前 (2021-08-17)
喜欢
