相信大家對(duì)樣式命名都多少感到困難，特別是想起一個(gè)有意義的名，更難?；仡櫫艘幌轮皩懙摹?樣式命名規(guī)則 》（不知道大家使用后有什么感想）結(jié)合這段時(shí)間使用上發(fā)現(xiàn)的一些問題，重新整理了樣式的命名規(guī)則，希望能更實(shí)用些。

要避免當(dāng)狀態(tài)改變時(shí)名稱失去意義，最常見的就是用于布局的類名，如“left”、“right”，當(dāng)左邊欄不再是左邊欄的時(shí)候，“left”這個(gè)名就沒有實(shí)際意義了。這與我們所推薦的“命名要有意義”就相違背了，使用序號(hào)就更加有問題了。好像沒錯(cuò)，不過有好長一段時(shí)間都有個(gè)問題讓我很煩惱，如果一個(gè)頁面中同個(gè)模塊出現(xiàn)一次以上，而且細(xì)節(jié)還不一樣，那后面出現(xiàn)的名稱應(yīng)該叫什么呢？難道“one”、“two”就不是序號(hào)？其實(shí)我們要避免遇到的情況就是當(dāng)狀態(tài)（表現(xiàn)）改變時(shí)，對(duì)應(yīng)定義的類名不會(huì)失去意義。

所謂的狀態(tài)（表現(xiàn)）改變，有幾種情況：

HTML不變，樣式定義改變。如果命名使用了表示某一狀態(tài)的名稱，如“red“、“font14“等，必定會(huì)引起定義與命名不符的情況，對(duì)后繼的影響會(huì)造成比較大的影響。 樣式定義不變，HTML改變。HTML改變意味著類名可更換，也就是如果類名使用了表示某一狀態(tài)的名稱，反而更有利于修改。 樣式定義與HTML都改變。只需要考慮不要出現(xiàn)第一種情況的結(jié)果就可以了。

而實(shí)際情況并不是單純的某一種情況，更多的時(shí)候是混雜著出現(xiàn)的。有點(diǎn)遠(yuǎn)了，回主題。

規(guī)則

[ 模塊前綴 ] _ 類型 _ ( 作用 | 狀態(tài) ) n _ [ 位置 n ]

圖例說明：

名詞說明：

模塊前綴 模塊定義時(shí)使用的前綴。 類型 定義類的內(nèi)容類型。如輸入框、文本、段落等等。 作用 定義類的作用，用于對(duì)類型的補(bǔ)充。 狀態(tài) 定義類的狀態(tài)，用于對(duì)類型的補(bǔ)充。 位置 定義類所使用的位置，如首頁、導(dǎo)航等等，不排除使用左、右這樣的詞，但應(yīng)盡量避免。

例：

模塊前綴：

類型：