BEM命名方式:
參考:http://www.reibang.com/p/1c0b77f30ec0
總結(jié):
BEM分別代表:Block(塊)仙畦、Element(元素)、Modifier(修飾符)
1.Block
目的是什么?(菜單或者按鈕) 可以參考Element等的命名
例如:
頭:header
內(nèi)容:content/container
尾:footer
導(dǎo)航:nav
側(cè)欄:sidebar
欄目:column
登錄條:loginbar
標(biāo)志:logo
廣告:banner
頁(yè)面主體:main
熱點(diǎn):hot
新聞:news
下載:download
子導(dǎo)航:subnav
菜單:menu
子菜單:submenu
搜索:search
友情鏈接:friendlink
頁(yè)腳:footer
版權(quán):copyright
滾動(dòng):scroll
內(nèi)容:content
標(biāo)簽頁(yè):tab
文章列表:list
提示信息:msg
小技巧:tips
欄目標(biāo)題:title
加入:joinus
指南:guild
服務(wù):service
注冊(cè):regsiter
狀態(tài)態(tài):status
投票:vote
合作伙伴:partner
2.Element
用處是什么?(item、text等) 名結(jié)構(gòu):block-name__element-name,元素名字與模塊的名字使用雙下劃線分割
3.Modifier
描述它的外觀(“多大”糕伐?或者“他的主題是什么?”)芙贫,它的狀態(tài)(“它與其他有什么不同些己?”--disabled,focused)疹蛉,它的行為(如directions_left-top)活箕。修飾名字與模塊或元素的名字使用單下劃線分割或“-”分割