标签:emd htm 三级 之间 element pre 团队 如何 同名
BEM是一个非常有用,强大,简单的命名约定。
它能让前端代码更容易阅读和理解,更容易协作,更容易控制,更加健壮和明确而且更加严密,更加容易地维护代码。
BEM命名思路:
.block{} .block__element{} .block--modifier{}
.block{}
.block__element{}
.block--modifier{}
著作权归作者所有。命名约定的模式如下:
.block{}
.block__element{}
.block--modifier{}
著作权归作者所有。命名约定的模式如下:
.block{}
.block__element{}
.block--modifier{}
著作权归作者所有。
Block
将所有东西都划分为一个独立的模块。
一个header是block,header里嵌套的搜索框是block,甚至一个icon一个logo也是block,
block可以相互嵌套。
Element
一个Block下的所有Element无论相互层级如何,都要摊开扁平的属于Block。
所以 BEM 最多只有 B+E+M 三级,不可能出现 B+E+E+..+E+M 超长class名,也要求E不能同名。
Modifier
.current .active 等表达状态
标签:emd htm 三级 之间 element pre 团队 如何 同名
原文地址:http://www.cnblogs.com/zhongjuan/p/7436790.html