在BEM中,元素是块的组成部分,因此它们应该在块的内部进行定义和使用。下面是一个示例代码,演示如何在BEM中定义和使用块和元素:
HTML代码:
Element
CSS代码:
.block {
background-color: #f1f1f1;
padding: 10px;
}
.block__element {
color: #333;
font-weight: bold;
}
在上面的示例中,.block
是一个块元素,.block__element
是它的一个元素。通过在块的内部定义元素,我们可以将样式限制在块的范围内,避免与其他元素发生冲突。
请注意,BEM中的元素命名应该是块名加上两个下划线和元素名,以示它们的关系。这有助于更好地组织和管理CSS代码。
上一篇:BEM中的继承问题