既然開始學Sass了,以前的檔案當然也要趁機會轉成Sass,練習兼整理,一舉兩得~
既然開始學Sass了,以前的檔案當然也要趁機會轉成Sass,練習兼整理,一舉兩得~
怎麼轉呢?很簡單:
複製檔案(如果怕有差錯的話) -> 修改檔名 -> 副檔名改成.scss ->完成!xD
接著就可以逐步修改檔案內容囉~
例如該巢狀寫的就改寫,也可以把檔案拆成幾個檔後再一起@import進Sass等等。
我個人習慣是採用scss檔,因為跟CSS有共通,寫法也比較像,在檔案(還有腦袋)轉換比較容易。
這是scss寫法:(不就是CSS嗎噗)
p {
color: #fff;
}
這是Sass寫法:
p
color: #fff
從以上可以看到Sass寫法更加的簡潔,我也蠻想試試全部用Sass的,但還不是很習慣,怕太花時間就不拿舊專案開刀囉。
兩者都可以用也很方便,端看個人習慣!~
本文同步發表於http://azzurro.blog.aznc.cc/make_a_website_22/