命名約定

2018-02-23 16:21 更新

在本節(jié),我們不會討論適用于大規(guī)模和可維護的最佳 CSS 命名方案,因為這不僅僅超過了個人的能力范圍,也不是一個Sass樣式指南可以解決的問題。我個人推薦遵從?CSS Guidelines?的建議。

良好的命名對保持整體代碼的一致性和可讀性非常重要,在 Sass 中可以命名的地方如下:

  • 變量;
  • 函數;
  • 混合宏。

由于 Sass 占位符遵循和類名相同的命名模式,因此被視為常規(guī)的 CSS 選擇器,也就在這個列表中故意忽略掉了。

就變量、函數和混合宏的命名而言,我們堅持一些很?CSS-y?的風格:小寫連字符分隔,有意義的命名。

$vertical-rhythm-baseline: 1.5rem;

@mixin size($width, $height: $width) {
  // ...
}

@function opposite-direction($direction) {
  // ...
}

擴展閱讀

以上內容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號