更多 vs 更少 - 簡(jiǎn)單比較
神奇的是,雖然在標(biāo)簽里面放那么多類讓我非常不爽,可是人們愛(ài)哈利,因?yàn)樗孛茨苷f(shuō)了。提倡的某些東西,比如說(shuō) OOCSS 和單一責(zé)任原則,從我自己創(chuàng)建的一系列日益復(fù)雜的網(wǎng)站來(lái)看,我可以說(shuō)這確實(shí)值得對(duì)樣式行為進(jìn)行解耦,不過(guò)直到最近我才找到一種讓我覺(jué)得滿意的方式來(lái)實(shí)現(xiàn)它。
我原先有做過(guò)一個(gè) BEM 的版本,它強(qiáng)調(diào)了獨(dú)立高于重用 ‐ 每個(gè)新的塊默認(rèn)是沒(méi)有樣式繼承的,允許組件獨(dú)立開(kāi)發(fā)并且可以避免打亂頁(yè)面其它樣式的風(fēng)險(xiǎn)。不過(guò)代價(jià)就是碎片化(fragmentation) ‐ 忽然你會(huì)發(fā)現(xiàn)你有了 10 種不同的樣式鏈接,12 種不同的藍(lán)色,18 種差別細(xì)小的按鈕樣式等。妮可?沙利文,OOCSS 的作者,去年在墨爾本做了一個(gè)超贊的演示,講到了這個(gè)問(wèn)題是有多普遍,以及怎么解決它。
對(duì)我來(lái)說(shuō),我覺(jué)得可以接受的解決方案是,深入 CSS 的預(yù)處理機(jī)能,從而取得 BEM 的獨(dú)立性以及 OOCSS 的一致性。比如說(shuō),下面這樣的:
新聞熱點(diǎn)
疑難解答
圖片精選