css 总体不区分大小写,除了以下方面:
- 类选择器
- ID选择器
- 自定义变量名
BEM(Block Element Modifier,块 元素 修饰符)方法是 CSS 类的命名约定,旨在通过定义命名空间来解决范围问题来使 CSS 更具可维护性。
block代表命名空间(组件),element代表子元素,modifier代表状态行为
- BEM 实体名称全部是小写字母或数字。名称中的不同单词用单个连字符(
-
)分隔。 - BEM 元素名称和块名称之间通过两个下划线(
__
)分隔。 - BEM 修饰符和其所修饰的实体名称之间通过两个连字符(
--
)来分隔。 - 例如:.menu__list–selected