前端领域的BEM到底是什么
BEM - Block Element Modfier(块元素编辑器)
听到BEM是方法论的关键元素 - Block,Element和Modifier的缩写,您一定不会感到惊讶。BEM严格的命名规则可以在这里找到。
- 块
- 独立的实体,它本身是有意义的。
- 例子 header,container,menu,checkbox,input
- 元件
- 块的一部分,没有独立的含义,并且在语义上与其块相关联。
- 例子 menu item,list item,checkbox caption,header title
- 修改
- 块或元素上的标志。用它们来改变外观或行为。
-
例子 disabled,highlighted,checked,fixed,size big,color yellow