sass 是乙個 css 預處理器。
sass 是 css 擴充套件語言，可以幫助我們減少 css 重複的**，節省開發時間。
sass 完全相容所有版本的 css。
sass 擴充套件了 css3，增加了規則、變數、混入、選擇器、繼承、內建函式等等特性。
sass 生成良好格式化的 css **，易於組織和維護。
sass 檔案字尾為 .scss
npm 安裝
npm install -g sass（國內 npm 建議使用**映象來安裝）
windows 上安裝
我們可以使用 windows 的包管理器 chocolatey 來安裝
（windows 系統需要先安裝 ruby）
choco install sass
mac os x (homebrew)安裝
mac os 可以使用 homebrew 包管理器來安裝
brew install sass/sass/sass
執行：sass input.scss output.css
監視單個 sass 檔案，每次修改並儲存時自動編譯：
sass --watch input.scss:output.css
例：sass --watch scss:dist/css
巢狀規則：
sass 允許將一套 css 樣式巢狀進另一套樣式中，內層的樣式將它外層的選擇器作為父選擇器
父選擇器 &：
用 & 代表巢狀規則外層的父選擇器
屬性巢狀：
為了便於管理這樣的屬性，同時也為了避免了重複輸入，sass 允許將屬性巢狀在命名空間中，例如：
sass 支援標準的 css 多行注釋 /* */加粗樣式，以及單行注釋 //，前者會 被完整輸出到編譯後的 css 檔案中，而後者則不會
例：$width: 5rem;
#main
SASS的基本語法
了解 sass sass是 css 的預編譯語言，可以把檔案編譯成 css 檔案。sass可以定義變數 可以定義函式 可以有 if 語句 可以有 for 迴圈語句，能使你敲 的速度的變得更高更快更強。sass 檔案 和 scss 檔案的區別 在 scss 檔案裡面和寫 css 的語法基本一致 在 s...
sass安裝和語法
1.簡介 sass 它的基本思想是，用一種專門的程式語言，進行網頁樣式設計，然後再編譯成正常的css檔案。這被叫做 css預處理器 css preprocessor 它提供了很便利的語法，節省了我們寫css的時間。2.安裝 1 首先確保你的電腦安裝了 ruby 傳送門 控制台檢視是否安裝成功 rub...
Sass語法 一 基本用法
編譯後的css meng 在日常編輯過程中，可以給變數新增預設值 default 標誌。如果在其變數值沒有單獨設定，那麼就用新增預設值的變數值。若設定了，那麼就用重新設定的變數值。如下 變數可以乙個乙個的宣告，也可以多個一起宣告。多個一起宣告，用起來是比較方便的，特別是宣告相似功能的變數。a.全域性...