<strong id="iwpxz"></strong>

分類導航

CSS方法論完全總結

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

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

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

一、命名的模塊化

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

根據域名的劃分方式，出現了不同的命名方案：

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

　　 SUIT CSS：

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

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

　　 .nav-button { }

　　 .nav-button--primary { }

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