眾所周知，CSS 是網頁設計中不可或缺的重要部分。而對于 CSS 樣式表中的每個選擇器和屬性，給它們一個良好規范的命名則可以增加代碼的可讀性和維護性，使開發更加高效。下面將介紹如何規范 CSS 命名。

一般來說，在 CSS 中命名可以分為三種：選擇器命名、屬性命名和類命名。

選擇器命名

/* ID 選擇器 */
#nav {}
/* 類選擇器 */
.show {}
/* 標簽選擇器 */
input {}
/* 屬性選擇器 */
a[target='_blank'] {}
/* 偽類 */
a:hover {}

選擇器命名應該盡量簡潔明了，且要盡量與頁面結構保持一致，以方便查找以及排除與頁面其他樣式的干擾。盡量避免使用過于復雜的選擇器，因為這會導致頁面重構難度增大。

屬性命名

/* 字體屬性 */
font-size: 14px;
font-weight: normal;
/* 背景屬性 */
background-color: #fff;
/* 布局屬性 */
float: left;
display: inline-block;

屬性命名應該按照官方文檔規定的格式為準，盡量簡潔易懂，以方便后期維護。使用縮寫命名時，則盡量避免使用含義不明的縮寫，如 fg 和 bg。

類命名

/* 常規類 */
.btn {}
.menu {}
/* 狀態類 */
.btn-disabled {}
/* 模塊類 */
.mod-header {}
.mod-sidebar {}
.mod-content {}

類命名應該盡量簡潔明了，具有可讀性。可以根據模塊化開發的思想，將頁面分為不同的模塊，模塊類以“mod-”開頭，以方便對頁面部分的修改。

總之，在編寫 CSS 時，命名規范是非常重要的，它能夠提高代碼的可讀性和可維護性，降低代碼錯誤率，使團隊開發更加協調。希望通過本文的介紹，能對大家的 CSS 命名規范有所幫助。