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