BEM?是什么？?
它是一種 CSS 的命名規(guī)范。
按照官網(wǎng)的介紹：
BEM — is a methodology that helps you to create reusable components and code sharing in front?end development
（BEM - 是一種方法論，可以幫助你在前端開發(fā)中創(chuàng)建可重用的組件和代碼共享。）
B?E?M??
B: Block（塊）
獨立的實體，其本身就有意義。
例如：?header,?container,?menu,?checkbox,?input
E: Element（元素）
一個區(qū)塊的一部分，沒有獨立的意義，在語義上與它的區(qū)塊相聯(lián)系。
例如：?menu item,?list item,?checkbox caption,?header title
M：Modifier（修改器）
一個塊或元素上的標志。使用它們來改變外觀或行為。
例如：?disabled,?highlighted,?checked,?fixed,?size big,?color yellow
?
怎么用？
-?所有實體的命名均使用小寫字母，復(fù)合詞使用?-?連接
- Block 與 Element 之間使用雙下劃線?__?連接
- Modifier 與 Block/Element 使用雙連接符?--連接
- modifier-name 和 modifier-value 之間使用單下劃線?_?連接
示例
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
暫無評論，快來評論吧!