BEM 的命名方式是什么

159 阅读1分钟

BEM(块、元素、修饰符)是一种用于命名HTML和CSS的命名约定。它的命名方式如下:

  1. 块(Block):表示一个独立的、可重用的组件或模块,可以视为一个大的父容器。命名应该简洁且描述性强,使用一个单一的英文单词或者连字符分隔的多个单词。
  2. 元素(Element):块的组成部分或内部元素。元素的命名应该以块的名字为前缀,并用双下划线连接。
  3. 修饰符(Modifier):块或元素的变体,用于修改其样式或行为。修饰符的命名应该以块或元素名为前缀,并用单横杠连接。

例如,一个简单的按钮可以使用BEM命名方式命名为:

<button class="button button--primary">按钮</button>

在上述示例中,button表示块,button--primary表示修饰符,用于表明按钮是一个主要的按钮样式。