BEM(Block Element Modifier)是一种命名约定,用于组织和命名HTML和CSS代码。BEM的结构由块(Block)、元素(Element)和修饰符(Modifier)组成。
下面是一个示例的HTML代码,展示了如何使用BEM的命名约定来标记一个块:
在这个示例中,我们有一个块(block),用一个class名字为"block"来标记。块是一个独立的组件或模块,可以包含一个或多个元素。
块下面有一个元素(element),用两个下划线"__"来连接块的名称和元素的名称。元素是块的一部分,不能独立存在。
你可以根据具体的需求在块和元素上添加不同的修饰符(modifier)来改变它们的样式或行为。修饰符用一个连字符"-"来连接块或元素的名称和修饰符的名称。
在上面的示例中,块有一个修饰符,用一个连字符和修饰符的名称来标记。元素也有一个修饰符,同样用一个连字符和修饰符的名称来标记。
这种命名约定可以帮助开发者快速理解和查找代码,提高代码可维护性和可扩展性。
上一篇:BEM和CSS框架
下一篇:BEM命名多个复杂修饰符的约定