首頁猿問 sass如何讓css代碼看起來高大上？

sass如何讓css代碼看起來高大上？

JavaScript

皈依舞 2019-04-21 20:39:44

老大之前讓我學(xué)sass、compass，說sass可以讓代碼看起來更高大上。但經(jīng)過學(xué)習(xí)之后沒有感覺到，因為sass最終還是要編譯成css才能用，有時還會讓代碼看起來很冗余。不知各位前輩有什么感悟和建議？

查看完整描述

2 回答

qq_笑_17

TA貢獻(xiàn)1818條經(jīng)驗獲得超7個贊

使用SASS只是為了提高編寫CSS的效率，能夠重復(fù)使用很多相同的樣式，而且定義好變量之后，以后如果要個性的話也能夠很方便，只需要個性一個變量的值，其他用到的地方就會都改變啦～

反對回復(fù) 2019-04-21

湖上湖

TA貢獻(xiàn)2003條經(jīng)驗獲得超2個贊

//variables$js:'../js/';$img:'../img/';$icons-sprite-path:'../img/';$base-width:1000px;//arandomid$version:unique-id();//top$top-background:#f5f5f5;$top-bottom-background:#595959;$top-bottom-highlight-background:#cc0000;$top-border-color:#383838;$highlight-background:#d33737;$table-th-background:#e5e5e5;//button$button-default-background:#9c9c9c;$button-primary-background:#0776b7;$button-lesser-background:#c4deed;$button-danger-background:#e85151;$button-blue-background:#a8dbf9;$button-gray-background:#eee;@mixininline-block(){display:inline-block;*display:inline;*zoom:1;}//wrapper@mixinwrapper($width:$base-width){width:$width;min-width:$width;margin:0auto;}類似這樣，到時候修改起來就很方便了。