在BEM中,我知道使用修饰符时,两个破折号是有意义的,因此您可以将修饰符my-block-my-modifier
与分开my-block--my-modifier
。
但是为什么要使用block__element
代替block_element
?
Double Underscore用于定义块的子元素。
即:
<nav class="main-nav">
<a class="main-nav__item" href="#">Text</a>
</nav>
其中main-nav
是一个方框main-nav__item
是一个子元件。
这样做是因为有些人可能会这样命名他们的代码块main_nav
,这将使单个下划线引起混淆,如下所示:main_nav_item
因此,双下划线将澄清如下内容:main_nav__item
。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句