# BEM规范
BEM分别是块(Block),元素(Element),修饰符(Modifier)
什么是修饰符
修饰符是改变某个块的外观的标志。要使用修饰符,可以将 --modifier 添加到块中。
假如我们要添加一个默认按钮,一个主要按钮,一个大按钮,一个小按钮,一个主要的小按钮。
# 块(Block)
是一个独立的页面组件跟其他的块区分开来,相当于网页中的组件Block封装了行为、模板、样式和其他技术。独立的Block可以复用,促进项目的开发。
# 元素(Element)
元素是模块Block的重要组成部分,且不能脱离模块单独的使用
元素的名称用来描述它的目的
一个完整的元素结构block-name__element-name
,块名和元素名使用(__)双下划线分割。
class="weui-tabbar">
class="weui-tabbar__item">
src=" "alt=""class="weui-tabbar__icon">
class="weui-tabbar__label">
1
2
3
4
5
6
2
3
4
5
6
# 修饰符(Modifier)
Modifier是BEM的一个实体,它定义了block或element的行为或外观
Modifier可用可不用
Modifier本质和html的属性很相似,同一个block会因为使用Modifier而与之前看起来不一样。
-修饰符的名字与模块和元素的名字使用(_)单下划线