變量是任何編程語言的精髓。變量讓值得以重用,避免了一遍遍地復制副本。最重要的是,使用變量讓更新一個值變得很方便。不用查找、替換,更不用手動檢索。
然而CSS是一個將所有雞蛋裝在一個大籃子中的語言,不同于其他語言,這里沒有真正的作用域。因此,我們需要十分重視由于添加變量而引起的沖突。
我的建議只適用于創建變量并感覺確有必要的情況下。不要為了某些駭客行為而聲明新變量,這絲毫沒有作用。只有滿足所有下述標準時方可創建新變量:
* 該值至少重復出現了兩次;
* 該值至少可能會被更新一次;
* 該值所有的表現都與變量有關(非巧合)。
基本上,沒有理由聲明一個永遠不需要更新或者只在單一地方使用變量。
- 關于作者
- 貢獻
- 關于Sass
- Ruby Sass Or LibSass
- Sass Or SCSS
- 其他預編譯器
- 簡介
- 為什么需要一個樣式指南
- 免責聲明
- 核心原則
- 語法格式
- 字符串
- 數字
- 顏色
- 列表
- Maps
- CSS規則集
- 聲明順序
- 選擇器嵌套
- 命名約定
- 常量
- 命名空間
- 注釋
- 標示注釋
- 文檔
- 結構
- 組件
- 7-1模式
- Shame文件
- 響應式設計和斷點
- 命名斷點
- 斷點管理器
- 媒體查詢用法
- 變量
- 作用域
- !default標識符
- !global標識符
- 多變量或maps
- 擴展
- 混合宏
- 基礎
- 參數列表
- 混合宏和瀏覽器前綴
- 條件語句
- 循環
- Each
- For
- While
- 警告和錯誤
- 警告
- 錯誤
- 工具
- Compass
- 柵格系統
- SCSS-Lint
- 總結概要