BEM是基于组件的web开发方法。其思想是将用户界面分隔为独立的块,从而使开发复杂的UI界面变得更简单和快,且不需要粘贴复制便可复用现有代码。BEM由Block、Element、Modifier组成。选择器里用以下连接符扩展他们的关系:
`__:双下划线用来连接块和块的子元素
` :仅作为连字符使用,连接块或元素或修饰符的多个单词(也可以直接写成驼峰式)
–:双中划线用来连接块或元素的状态(也可使用‘_’单下划线表示)
示例:
block-name_modifier-name
block-name__element-name--modifier-name
block-