BEM(块,元素,修饰符)并没有直接区分状态选择器和子类选择器的约定。然而,根据BEM的命名约定,可以通过命名的方式来区分它们。
状态选择器通常用于表示元素的不同状态,例如:悬停、选中、禁用等。它们可以通过添加修饰符类来表示。子类选择器用于表示块内的子元素。
以下是一个示例代码,展示了如何使用BEM来区分状态选择器和子类选择器:
I am a modified element
I am a child element
在这个示例中,“block”表示块,它是最外层的元素。其中,“block__element”表示元素,它是块内的一个子元素。通过添加修饰符类“block__element--modifier”,我们可以表示这个元素的不同状态。最后,“block__child”表示块内的子元素。
通过这种命名约定,我们可以清晰地区分状态选择器和子类选择器,并使用BEM来管理样式。
上一篇:BEM全局颜色修改器