在 BEM 列表中列出

Question

我了解 block__element--modifier BEM 命名规则。
但是我该如何命名这种结构呢？如果您在外部列表中有嵌套列表。
如何使用 list__item 元素在 list 块中命名嵌套的 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 的回答）

"Are you talking this?"

<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>

Answer 1

如果嵌套列表看起来应该一样，您可以为它使用相同的命名。如果不同，请考虑使用 modifiers/mixes 甚至是全新的名称（如果内部列表样式与父项没有任何共同点）。

Answer 2

您可以执行类似 list--inner 的操作，并根据需要修改其中的 list__item

在 BEM 列表中列出

list in list in BEM

css

css-selectors

bem