Question

我了解{B}方法的block__element--modifier命名规则但是我怎么能说出这种结构呢？如果外部列表中有嵌套列表如何使用ul元素在li块中命名嵌套的list和list__item？

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

Answer 1

如果嵌套列表看起来相同，则可以使用相同的命名。如果它有所不同，请考虑使用修饰符/混合甚至是绝对新名称（如果内部列表样式与父项没有任何共同之处）。

Answer 2

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

在BEM列表中列出

2 个答案: