軟件開發(fā)領(lǐng)域所有的工程問題，歸根結(jié)底衍生自一個問題：代碼量大了怎么辦？
對于CSS而言，因代碼量增大導(dǎo)致的核心問題是命名沖突。
解決命名沖突的方法論是模塊化，圍繞此方法論，演化出種種模塊化方案。
一、命名的模塊化
基本思路是確保全局空間下一級域名不沖突，那么子域名就被限定在了獨立的局部作用域中，從而保證命名的唯一性。
根據(jù)域名的劃分方式，出現(xiàn)了不同的命名方案：
BEM：Block-Element-Modifier，比較籠統(tǒng)，沒有過多限制規(guī)定
SUIT CSS：
1、將命名對象劃分為組件（component）和功能（Utility）。組件直接命名，功能額外加前綴，比如專門給js調(diào)用的類名可加上js前綴：js-button
2、規(guī)定了連字符的用法。普通隔斷用單個連字符，描述性詞匯用兩個連字符：
.nav-button { }
.nav-button--primary { }
沿著這個思路，其實還可以把下劃線引進來，用來設(shè)置其它規(guī)則。
