概念

Block-Element-Modifier命名法

特点

  • 有组织性、模块化

  • 与Sass完美结合

    1. .topnav {  //B
    2. &-menu {     //E      &表示拷贝父级类名
    3.   &-active {    //M
    4.   }
    5. }
    6. }

  • 每一个子模块必须带上父模块的的名字

    具体步骤

  1. 给页面分块，每块是一个Block
  2. 每个Block再分块，每块是一个Element
  3. Element 分不同状态，每各状态一个 Modifier

举例

image.png