CSS 命名錯誤是頁面布局設計中常見的問題。命名錯誤可能導致樣式無法應用到目標元素，或者樣式被錯誤地應用于其他元素。

.wight {    /* 命名錯誤：應為 .white */
background-color: white;
color: black;
}

如上所示，上述 CSS 樣式將目標元素的背景設為白色，文本設為黑色。然而，由于命名錯誤，樣式不會被正確應用。命名錯誤往往在命名時出錯，通常是短語拼寫不正確，大小寫拼寫錯誤，或者使用了不恰當的字符。

命名規范的使用可以幫助避免 CSS 命名錯誤。通用約定是使用小寫字母，并使用連字符分隔多個單詞。如：

.header {    /* 命名正確：表示頁眉 */
background-color: #333;
color: #fff;
}

與此相反，下面的代碼展示了對上述樣式的錯誤命名：

.head {    /* 命名錯誤：應為 .header */
background-color: #333;
color: #fff;
}

命名錯誤會給開發和維護工作帶來不必要的麻煩。正確的 CSS 命名規范應該與整個項目一致，使代碼更易讀、易于調試和維護。