在BEM中,元素不能包含块。元素必须属于一个块,并且只能在该块的上下文中使用。
以下是一个示例代码,展示了如何在BEM中使用元素:
HTML代码:
Element
CSS代码:
.block {
background-color: gray;
padding: 10px;
}
.block__element {
background-color: lightgray;
padding: 5px;
}
在上述示例中,.block
是一个块,.block__element
是该块的元素。元素必须嵌套在块中,并且在命名时使用双下划线(__
)来表示元素与块的关系。
请注意,元素只能在其块的上下文中使用,不能在其他块中使用。这是BEM规范的一部分,旨在保持CSS代码的可维护性和可扩展性。