在Web前端開發(fā)中，CSS命名規(guī)范是非常重要的一個(gè)方面。首當(dāng)其沖的是太平洋前端命名規(guī)范，因?yàn)樗谴蠹覐V泛認(rèn)可的，也是比較全面詳盡的命名規(guī)范之一。 下面我們來(lái)仔細(xì)了解一下它的內(nèi)容：

/*結(jié)構(gòu)*/
/*頭部,內(nèi)容,尾部*/
.header {}
.wrapper {}
.footer {}
/*容器*/
.container {}
/*子容器*/
.sub {}
/*導(dǎo)航*/
.nav {}
/*子導(dǎo)航*/
.sub-nav {}
/*激活狀態(tài)*/
.on {}
/*列表*/
.list{}
/*列表項(xiàng)*/
.item{}
/*激活狀態(tài)*/
.on{}
/*樣式*/
/*文字*/
.normal-text {}
/*加粗*/
.bold-text {}
/*顏色*/
.font-red {}
/*背景*/
.bg-color {}
/*透明度*/
.opacity {}
/*狀態(tài)或者形狀*/
/*正常*/
.normal {}
/*懸停*/
.hover {}
/*點(diǎn)擊*/
.active {}
/*禁用*/
.disabled {}
/*圓角*/
.corner {}
/*Javascript*/
/*父元素*/
.parent {}
/*子元素*/
.child {}
/*子孫級(jí)元素*/
.grandchild {}
/*其它*/
/*清除樣式*/
.clearfix {}
/*浮動(dòng)*/
.fl {}
/*隱藏*/
.hide {}
/*顯示*/
.show {}

上述幾種命名大致是按照HTML代碼結(jié)構(gòu)，樣式形狀，狀態(tài)等方面進(jìn)行了分類，而且注釋詳細(xì)，易于瀏覽和修改。 特別要注意的是，在具體命名時(shí)，要盡量使用英文單詞，不要縮寫，這樣在查找和修改代碼時(shí)就能夠清晰明確地表達(dá)出想要的效果，話說(shuō)命名規(guī)范的目的就是方便大家的工作嘛。