css 命名规则bem |css 适配 note8

BEM表示Block、Element、Modifier，即块、元素和修饰符。它的命名规则是使用两个连字符（-）将块、元素和修饰符分开。例如，一个按钮的BEM命名应该是：

.btn {} /* block */
.btn__icon {} /* element */
.btn--red {} /* modifier */

其中，.btn表示块，.btn__icon表示块中的元素，.btn--red表示块的修饰符。这种命名方式的好处在于它可以让代码更加清晰明了，容易阅读和理解。

在实际应用中，BEM命名规范可以有效地解决CSS命名冲突的问题，降低代码的复杂度。而且BEM的命名方式也很清晰，开发人员容易理解和维护。