使滑塊與BEM CSS

Question

所以，如果我是使用BEM創建一個滑塊就應該是這樣的：

   <div class="slideshow"> 
       <div class="slide slide--slide01"></div> 
       <div class="slide slide--slide02"></div> 
       <div class="slide slide--slide03"></div> 
       <div class="slide slide--slide04"></div> 
       </div> 

或：

   <div class="slideshow"> 
       <div class="slide slideshow__slide01"></div> 
       <div class="slide slideshow__slide02"></div> 
       <div class="slide slideshow__slide03"></div> 
       <div class="slide slideshow__slide04"></div> 
      </div> 

請填寫我解釋

Answer 1

元素以兩（2）個下劃線（__）分隔，而修飾符由兩個（2）連字符（ - ）分隔。

在你的情況下，你應該使用兩個下劃線（__）。

Original article

Answer 2

元素通常從他們嵌套在塊得到他們的名字。因此，我認爲，無論是例如，一個也沒有二是在這種情況下是正確的。

我最初的想法將有佈局，這樣的：

<div class="slideshow"> 
    <div class="slideshow__item"></div> 
    <div class="slideshow__item"></div> 
    <div class="slideshow__item"></div> 
    <div class="slideshow__item"></div> 
</div> 

如果每個幻燈片的將是一個不同略有差異，你會使用修飾符這樣：

<div class="slideshow"> 
    <div class="slideshow__item slideshow__item--slide1"></div> 
    <div class="slideshow__item slideshow__item--slide2"></div> 
    <div class="slideshow__item slideshow__item--slide3"></div> 
    <div class="slideshow__item slideshow__item--slide4"></div> 
</div>