分類導(dǎo)航

CSS方法論完全總結(jié)

軟件開發(fā)領(lǐng)域所有的工程問題，歸根結(jié)底衍生自一個(gè)問題：代碼量大了怎么辦？

對于CSS而言，因代碼量增大導(dǎo)致的核心問題是命名沖突。

解決命名沖突的方法論是模塊化，圍繞此方法論，演化出種種模塊化方案。

一、命名的模塊化

基本思路是確保全局空間下一級域名不沖突，那么子域名就被限定在了獨(dú)立的局部作用域中，從而保證命名的唯一性。

根據(jù)域名的劃分方式，出現(xiàn)了不同的命名方案：

　　 BEM：Block-Element-Modifier，比較籠統(tǒng)，沒有過多限制規(guī)定

　　 SUIT CSS：

　　 1、將命名對象劃分為組件（component）和功能（Utility）。組件直接命名，功能額外加前綴，比如專門給js調(diào)用的類名可加上js前綴：js-button

　　 2、規(guī)定了連字符的用法。普通隔斷用單個(gè)連字符，描述性詞匯用兩個(gè)連字符：

　　 .nav-button { }

　　 .nav-button--primary { }

　　沿著這個(gè)思路，其實(shí)還可以把下劃線引進(jìn)來，用來設(shè)置其它規(guī)則。