BEM列表中的列表

我了解block__element--modifier BEM方法的命名规则。
但是我怎么能命名这种结构呢？如果你在外部列表中有一个嵌套列表。
如何命名嵌套ul和li的list块中有list__item元素？BEM列表中的列表

<ul class="list"> 
    <li class="list__item"> 
     <ul> 
      <li></li> 
      <li></li> 
     <ul>  
    <li class="list__item"></li> 
    <li class="list__item"></li> 
</ul>

更新（丹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>

来源

2017-04-12 wonsuc

如果嵌套列表看起来应该是一样的，您可以使用相同的命名。如果不同，可以考虑使用修饰符/混合或甚至是全新的名称（如果内部列表样式与父项没有共同之处）。

来源

2017-04-12 18:30:32 tadatuta

这听起来很有道理修改list__item它里面。你能确认我更新的问题吗？ – wonsuc

我会去更新案例中的嵌套︰'.list - inner .list__item {/ * some styles * /}' – tadatuta

如果内部列表项目样式与父项没有共同之处，那么我可以使用'list__item - inner' ？ – wonsuc

你可以做这样的事情list--inner，如果需要

来源

2017-04-13 15:15:38

BEM列表中的列表

回答

相关问题