Quickly Sass(4)-CSS無痛轉移Sass

既然開始學Sass了,以前的檔案當然也要趁機會轉成Sass,練習兼整理,一舉兩得~

怎麼轉呢?很簡單:
複製檔案(如果怕有差錯的話) -> 修改檔名 -> 副檔名改成.scss ->完成!xD

接著就可以逐步修改檔案內容囉~
例如該巢狀寫的就改寫,也可以把檔案拆成幾個檔後再一起@import進Sass等等。

我個人習慣是採用scss檔,因為跟CSS有共通,寫法也比較像,在檔案(還有腦袋)轉換比較容易。

這是scss寫法:(不就是CSS嗎噗)

這是Sass寫法:

從以上可以看到Sass寫法更加的簡潔,我也蠻想試試全部用Sass的,但還不是很習慣,怕太花時間就不拿舊專案開刀囉。
兩者都可以用也很方便,端看個人習慣!~

本文同步發表於http://ithelp.ithome.com.tw/question/10139561

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *