我理解block__element--modifier
命名规则与 BEM 方法。
但是我该如何命名这种结构呢?如果你在外部列表中有一个嵌套列表。
如何使用 list__item
元素在 list
block 中命名嵌套的 ul
和 li
?
<ul class="list">
<li class="list__item">
<ul>
<li></li>
<li></li>
<ul>
<li class="list__item"></li>
<li class="list__item"></li>
</ul>
更新(作为 Dan Rocha 的回答)
“你在说这个吗?”
<ul class="list">
<li class="list__item">
<ul class="list--inner>
<li class="list__item--inner></li>
<li class="list__item--inner></li>
<ul>
<li class="list__item"></li>
<li class="list__item"></li>
</ul>
最佳答案
如果嵌套列表看起来应该一样,您可以为它使用相同的命名。如果不同,请考虑使用修饰符/混合或什至是全新的名称(如果内部列表样式与父级没有任何共同之处)。
关于css - 在 BEM 列表中列出,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43376863/