qq_36360669的博客

BEM是一种前端命名方法论，它的全称是Block Element Modifier，即块、元素、修饰符。BEM的主要目的是通过定义命名空间来解决CSS的范围问题，从而使CSS更具可维护性。BEM的核心思想是将页面分解为独立的块（Block），块中包含元素（Element），并且可以通过修饰符（Modifier）来改变块或元素的状态或行为。 具体来说，BEM的命名规则如下： 块（Block）：一个独立的、可重用的页面组件，例如header、footer、menu等。块的命名应该简短、清晰、有意义，并且应该使用单词或短语的形式。 元素（Element）：块的组成部分，例如header中的logo、menu中的item等。元素的命名应该使用块名作为前缀，用双下划线（__）连接，例如header__logo、menu__item。 修饰符（Modifier）：用于改变块或元素的状态或行为，例如header的fixed、menu的active等。修饰符的命名应该使用块名或元素名作为前缀，用双短横线（--）连接，例如header--fixed、menu__item--active。