Css BEM规范

B代表Block

E代表Element

M代表Modifier

Block（块）

1. 块的命名是描述块的用途，不应该包含块的状态
   1. √：menu、button
   2. ×：red、big
2. 块不应该影响它身处的环境
   1. 不应该设置几何、位置属性
3. 不使用Css标签选择器和Id选择器

Element （元素）

1. 元素的命名是描述元素的用途，不应该包含元素的状态
2. 元素的命名结构是block-name__element-name
   1. 元素名还会包含它父级块的名字
   2. 用双下划线分割块和元素的名字

Modifier（修饰符）

1. 修饰符用来描述块或元素的外观
   1. 颜色、尺寸
   2. 启用、禁用
2. 用单下划线分割修饰符和块和元素的名字
   1. .header__input_disabled
   2. .menu__menuItem_small

规范中不使用小驼峰，而是使用单横线分割更好

但是单横线不方便ctrl d选择整个类名，所以我修改为使用小驼峰

参考文章：CSS BEM 规范介绍-本地惠生活 (baidu.com)