sess文件编译输出css的四种方式以及使用
2024-10-19 01:01:09
sess文件输出css有下面四种方式:
:nested(嵌套)
:compact(紧凑)
:expanded(展开)
:compressed(压缩)
如何使用:
sass --watch style.scss:style.css --style compressed
默认输出css方式是嵌套:也就是 nested(嵌套)
原始写在本地的sess样式文件,例如:
.widget-social {
text-align: right;
a,
a:visited {
padding: 0 3px;
color: #222222;
color: rgba(34, 34, 34, 0.77);
} a:hover {
color: #B00909;
}
}
nested(嵌套)
.widget-social {
text-align: right; }
.widget-social a,
.widget-social a:visited {
padding: 0 3px;
color: #222222;
color: rgba(34, 34, 34, 0.77); }
.widget-social a:hover {
color: #B00909; }
expanded(展开)
.widget-social {
text-align: right;
}
.widget-social a,
.widget-social a:visited {
padding: 0 3px;
color: #222222;
color: rgba(34, 34, 34, 0.77);
}
.widget-social a:hover {
color: #B00909;
}
compact(紧凑)
.widget-social { text-align: right; }
.widget-social a, .widget-social a:visited { padding: 0 3px; color: #222222; color: rgba(34, 34, 34, 0.77); }
.widget-social a:hover { color: #B00909; }
compressed(压缩)
.widget-social{text-align:right}.widget-social a,.widget-social a:visited{padding:0 3px;color:#222222;color:rgba(34,34,34,0.77)}.widget-social a:hover{color:#B00909}
最新文章
- Python for Infomatics 第13章 网页服务二(译)
- noip2016十连测round2
- 关于POI解析Excel文件(03和07版本不同)的问题
- Excel Note
- Java性能调优
- DragSelectRecyclerView 长按滑动多选图像android特效
- 利用Canvas实现360度浏览
- Java 语言基础
- DBA_Oracle Startup / Shutdown启动和关闭过程详解(概念)
- div左右布局
- Delphi Val函数
- Android(java)学习笔记92:泛型高级之通配符
- systemctl 命令完全指南
- BZOJ 100题留念
- macOS平台下虚拟摄像头的研发总结
- ubuntu下MySQL修改root密码的多种方法,phpmyadmin空密码无法登陆的解决方法
- eclipse中hibernate和mybatis中xml配置文件的没有标签提醒解决方法
- 【死磕 Spring】----- IOC 之 Spring 统一资源加载策略
- js实现简易版validate
- ASPxGridView 用法
热门文章
- /cygdrive/c/MinGW/bin/autoconf-2.68: line 501: /mingw/bin/autom4te-2.68: No such file or directory
- linux--top工具分析
- JS之for循环面试题
- vue高频面试题(面试路上踩过的坑)
- 单臂路由和VLAN-IF
- 第十四周博客作业 <;西北师范大学| 周安伟>;
- JavaScript 看不见的类型转换
- Spring配置文件中的那些标签
- 20191102 「HZOJ NOIP2019 Round #12」20191102模拟
- python3.8.0 Django 开发后端接口api 部署到 Linux Centos7上