Sass與LESS讓人可以以類似編程的方式書寫CSS，讓我們有更好的方式管理CSS代碼。比如把一些功能函數(shù)抽出來，單獨放一個文件。頁面一般都含有一些公共模塊，把模塊也可以抽離出來單獨存放，等等。
很多同學(xué)都已經(jīng)開始在項目使用less或sass，它們用起來確實是很爽，大大提高效率呀。
less & sass 都無法在瀏覽器中直接執(zhí)行，需要變成CSS。有時候想調(diào)試樣式，我們看到的行號是css代碼的行號，并不能直接對應(yīng)到less&sass文件中，修改起來總是不方便。
看到less&sass這么受歡迎，熱情的開發(fā)者們給firefox開發(fā)了一個插件 FireSass，后來chrome也跟上了，開啟一個實驗性功能支持sass調(diào)試。
具體設(shè)置如下：
編譯時添加參數(shù)：
sass開啟debug-info選項：sass demo.sass demo.css –debug-info
less開啟line-numbers：lessc demo.less demo.css –line-numbers=comments
這樣，編譯后的css中將包含調(diào)試信息：
瀏覽器設(shè)置：
firefox執(zhí)行安裝FireSass即可。
chorme：地址欄打開chrome://flags/，啟用開發(fā)者工具實驗 (Developer Tools experiments.)。重啟瀏覽器后，打開開發(fā)者工具的設(shè)置選項卡，Experiments -> Support for sass 勾選。
最終調(diào)試效果：
喜歡 
頂
難過
囧
圍觀
無聊
