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列表中的列表

回答

相關問題