使用BEM命名規(guī)范來組織CSS代碼

如何使用BEM

一個獨立的(語義上或視覺上),可以復用而不依賴其它組件的部分,可作為一個塊(Block)

屬于塊的某部分,可作為一個元素(Element)

用于修飾塊或元素,體現(xiàn)出外形行為狀態(tài)等特征的,可作為一個修飾器(Modifier)


在本規(guī)范中,以雙下劃線 __ 來作為塊和元素的間隔,以單下劃線 _ 來作為塊和修飾器 或 元素和修飾器的間隔,以中劃線 - 來作為塊|元素|修飾器 名稱中多個單詞的間隔

保證各個部分只有一級 B__E_M,修飾器需要和對應的塊或元素一起使用,避免單獨使用

BEM 規(guī)范雖然結構比較清晰,但有時候會產(chǎn)生代碼冗余。

?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容