[TOC] # CSS預編譯 CSS預編譯的工作原理是提供便捷的語法和特性供開發者編寫源代碼，隨后經過專門的編譯工具將源碼轉化為CSS語法。最早的CSS預編譯器是2007年起源于Ruby on Rails社區的SASS，目前比較流行的其他CSS預編譯器如Less、Stylus的誕生都一定程度上受到了SASS的影響和啟發。 CSS預編譯器幾乎成為現如今開發CSS的標配，它從以下幾個方面提升了CSS開發的效率： 1. 增強編程能力； 2. 增強可復用性； 3. 增強可維護性； 4. 更便于解決瀏覽器兼容性。 不同的預編譯器特性雖然有所差異，但核心功能均圍繞這些目標打造，比如： 1. 嵌套； 2. 變量； 3. mixin/繼承； 4. 運算； 5. 模塊化； 嵌套是所有預編譯器都支持的語法特性，也是原生CSS最讓開發者頭疼的問題之一；mixin/繼承是為了解決hack和代碼復用；變量和運算增強了源碼的可編程能力；模塊化的支持不僅更利于代碼復用，同時也提高了源碼的可維護性。 # 在線編譯轉換 https://csspre.com/convert/ https://www.sassmeister.com/