使滑块与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>