隐居以求其志,行义以达其道
CSS 大小写和BEM命名规则
CSS 大小写和BEM命名规则

CSS 大小写和BEM命名规则

css 总体不区分大小写,除了以下方面:

  • 类选择器
  • ID选择器
  • 自定义变量名

BEM(Block Element Modifier,块 元素 修饰符)方法是 CSS 类的命名约定,旨在通过定义命名空间来解决范围问题来使 CSS 更具可维护性。

block代表命名空间(组件),element代表子元素,modifier代表状态行为

  • BEM 实体名称全部是小写字母或数字。名称中的不同单词用单个连字符(-)分隔。
  • BEM 元素名称和块名称之间通过两个下划线(__)分隔。
  • BEM 修饰符和其所修饰的实体名称之间通过两个连字符(--)来分隔。
  • 例如:.menu__list–selected