Sass 官網上是這樣描述 Sass 的:
Sass 是一門高於 CSS 的元語言,它能用來清晰地、結構化地描述文件樣式,有著比普通 CSS 更加強大的功能。 Sass 能夠提供更簡潔、更優雅的語法,同時提供多種功能來創建可維護和管理的樣式表。
Sass 前世今生:
Sass 是最早的 CSS 預處理語言,有比 LESS 更為強大的功能,不過其一開始的縮進式語法(Sass 老版本語法,後面課程會詳細介紹 )並不能被大眾接受,不過由於其強大的功能和 Ruby on Rails 的大力推動,還是有很多開發者選擇了 Sass。
Sass 是采用 Ruby 語言編寫的一款 CSS 預處理語言,它誕生於2007年,是最大的成熟的 CSS 預處理語言。最初它是為了配合 HAML(一種縮進式 HTML 預編譯器)而設計的,因此有著和 Html 一樣的縮進式風格。
為什麼早期不如 LESS 普及?
雖然縮進式風格可以有效縮減代碼量,強制規范編碼風格,但它一方面並不為大多數程序接受,另一方面無法兼容已有的 CSS 代碼。這也是 Sass 雖然出現得最早,但遠不如 LESS 普及的原因。
Sass 和 SCSS 其實是同一種東西,我們平時都稱之為 Sass,兩者之間不同之處有以下兩點:
先來看一個示例:
Sass 語法
$font-stack: Helvetica, sans-serif //定義變量 $primary-color: #333 //定義變量 body font: 100% $font-stack color: $primary-color
SCSS 語法
$font-stack: Helvetica, sans-serif; $primary-color: #333; body { font: 100% $font-stack; color: $primary-color; }
編譯出來的 CSS
body { font: 100% Helvetica, sans-serif; color: #333; }