面向?qū)ο驝SS的注意事項(xiàng):
1、對(duì)于組件,不要直接定義子節(jié)點(diǎn),應(yīng)把共性聲明放到父類
.mod .inner{....}建議的寫法
.inner{....}不建議的寫法
2、結(jié)構(gòu)和皮膚分離
<div class="container simpleExt"></div>建議的寫法
<div class="container"></div>不建議的寫法
3、容器與內(nèi)容分離(自我感覺與第一點(diǎn)相悖)
.container ul //ul依賴了容器
.rankList ul //解除與容器的依賴,可以從一個(gè)容器轉(zhuǎn)移到其他容器
4、抽象出克重用的元素,建好組件庫,在組件庫內(nèi)尋找可用的元素組件頁面。
5、往你想要擴(kuò)展的對(duì)象本身增加class而不是他的父節(jié)點(diǎn)
6、對(duì)象應(yīng)該保持獨(dú)立性
7、避免使用ID選擇器,權(quán)重太高,無法重用。
8、避免位置相關(guān)的樣式
header .container{...},#footer .container{...}不建議的方式
9、保證選擇器相同的權(quán)重
10、類名 簡(jiǎn)短 清晰 語義化 OOCSS的名字并不影響HTML語義化