sass的四种css编译风格
2016-08-29 11:53
211 查看
sass的改变编译风格的语句:
sass style expanded assets/sass/style1.sass:assets/css/style1.css
1.nested:默认
#main { color: #fff; background-color: #000; } #main p { width: 10em; } .huge { font-size: 10em; font-weight: bold; text-decoration: underline; }
2.expanded
#main { color: #fff; background-color: #000; } #main p { width: 10em; } .huge { font-size: 10em; font-weight: bold; text-decoration: underline; }
3.compact
#main { color: #fff; background-color: #000; } #main p { width: 10em; } .huge { font-size: 10em; font-weight: bold; text-decoration: underline; }
4.compressed
#main{color:#fff;background-color:#000}#main p{width:10em}.huge{font-size:10em;font-weight:bold;text-decoration:underline}
相关文章推荐
- Sass-四种编译输出代码风格
- sass 使用 css预编译
- Nodejs,Grunt配置sass自动编译成css
- Sass的四种编译方式
- 支持新版chrome,用webstorm编译形成css和sourcemap,调试sass和less源文件(转)
- Sass 编译与不同风格的输出方式
- webstrom自动编译sass文件为css
- Sass编译Css
- scss编译输出css四种格式
- CSS预编译:sass-scss
- Sass编译风格
- webpack---编译sass并分割css为独立文件,通过extract-text-webpack-plugin分割文件
- Sublime Text通过插件编译Sass为CSS及中文编译异常解决
- sass文件编译成css文件
- gulp 简单命令------sass文件编译css ----安装以及使用
- JS - WebStrom使用SASS工具自动编译.sass为.css
- sass编译成css时显示乱码
- css预编译 sass
- 把Fireshell中的sass模块替换为less编译css