淘寶CSS 命名規(guī)范是淘寶前端團(tuán)隊(duì)在N年前制定的一套規(guī)范，旨在提高CSS命名的可讀性和可維護(hù)性，讓代碼更加規(guī)范、高效。

以下是部分淘寶CSS命名規(guī)范：

/* 基本規(guī)范 */
.about                   // 小寫字母，多個(gè)單詞以“-”連接
#content-left            // 采用“駝峰”式命名方式
.error404                // 采用“駝峰”式命名方式
.main-nav                // 采用單復(fù)數(shù)表示法
.new-user                // 采用橫線“-”連接兩個(gè)單詞代表的含義
/* 模塊規(guī)范 */
.mod-top                 // 模塊化名稱
.mod-top .hd             // 模塊中的子元素以模塊名開(kāi)頭命名
.mod-top .hd-logo        // 模塊子元素采用模塊名+元素名命名
/* 擴(kuò)展模塊規(guī)范 */
.mod-top .hd-ext         // 擴(kuò)展模塊使用hd-ext命名
.mod-top .hd-ext-search  // 擴(kuò)展模塊中的子元素命名方式同模塊規(guī)范
/* 皮膚規(guī)范 */
.skin-red                // skin前綴表示皮膚，后綴表示皮膚的顏色
.skin-red .mod-top       // skin的使用在父級(jí)區(qū)域內(nèi)

如今，淘寶CSS命名規(guī)范不僅適用于淘寶，也被其他企業(yè)和開(kāi)發(fā)者廣泛采用。無(wú)論你是一名前端新手還是資深開(kāi)發(fā)者，掌握好這些規(guī)范都是非常有幫助的。