在CSS編寫過程中,樣式名的命名是非常關鍵的一個環節,一個良好的樣式名可以方便維護和提高代碼的可讀性。下面列出了一些常見的CSS樣式名命名規范:
1. 小寫字母和短劃線 .element-name { ... } 2. BEM方式命名 .block__element--modifier { ... } 3. 使用簡寫 .nav { ... } 4. 使用駝峰式命名 .navList { ... } 5. 前綴式命名 .btn-primary { ... } 6. 后綴式命名 .article-wrap { ... } 7. 使用命名空間 .layout-aside { ... } 8. 語義化命名 .header { ... } 9. 模塊命名 .slider { ... } 10. 按照功能命名 .show-modal { ... }
在使用樣式名命名時常需要考慮到的是,應該選擇能準確描述元素或者組件的名稱。此外,在避免使用縮寫和有歧義命名的設計的時候,更應該盡量選擇烤到理解的命名方式。