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}

　　

總結

以上是生活随笔為你收集整理的sess文件编译输出css的四种方式以及使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。