BEM(Block, Element, Modifier)是 HTML/CSS 类的命名方法,它可以让 HTML 和 CSS 代码更有条理。
概念与用法 #
一开始看不懂没关系,后面有示例。
- block(块):可以独立使用的 HTML 元素(比如:
<nav>
),可以不包含 element。 - element(元素):依附于 block 的 HTML 元素,无法独立存在(比如:
<li>
),前面要加上双下划线__
。 - modifier(修饰符):表示 block 或者 element 的状态和外观,前面要加上双连字符
–
。 - 用单连字符
-
连接单词,比如:search-form
。 - element 只属于 …