在本節,我們不會討論適用于大規模和可維護的最佳 CSS 命名方案,因為這不僅僅超過了個人的能力范圍,也不是一個Sass樣式指南可以解決的問題。我個人推薦遵從?[CSS Guidelines](http://cssguidelin.es/#naming-conventions)?的建議。
良好的命名對保持整體代碼的一致性和可讀性非常重要,在 Sass 中可以命名的地方如下:
* 變量;
* 函數;
* 混合宏。
由于 Sass 占位符遵循和類名相同的命名模式,因此被視為常規的 CSS 選擇器,也就在這個列表中故意忽略掉了。
就變量、函數和混合宏的命名而言,我們堅持一些很?_CSS-y_?的風格:**小寫連字符分隔**,有意義的命名。
~~~
$vertical-rhythm-baseline: 1.5rem;
@mixin size($width, $height: $width) {
// ...
}
@function opposite-direction($direction) {
// ...
}
~~~
## 擴展閱讀
* [CSS Guidelines’ Naming Conventions](http://cssguidelin.es/#naming-conventions)
- 關于作者
- 貢獻
- 關于Sass
- Ruby Sass Or LibSass
- Sass Or SCSS
- 其他預編譯器
- 簡介
- 為什么需要一個樣式指南
- 免責聲明
- 核心原則
- 語法格式
- 字符串
- 數字
- 顏色
- 列表
- Maps
- CSS規則集
- 聲明順序
- 選擇器嵌套
- 命名約定
- 常量
- 命名空間
- 注釋
- 標示注釋
- 文檔
- 結構
- 組件
- 7-1模式
- Shame文件
- 響應式設計和斷點
- 命名斷點
- 斷點管理器
- 媒體查詢用法
- 變量
- 作用域
- !default標識符
- !global標識符
- 多變量或maps
- 擴展
- 混合宏
- 基礎
- 參數列表
- 混合宏和瀏覽器前綴
- 條件語句
- 循環
- Each
- For
- While
- 警告和錯誤
- 警告
- 錯誤
- 工具
- Compass
- 柵格系統
- SCSS-Lint
- 總結概要