次のマークアップのためにBEMの方法論に従って書く正しい方法ですか？

Question

次のマークアップのためのBEM手法ごとに書き込むための正しい方法である：

HTML：

<div class="col-sm-12 header"> 
    <div class="logo"> 
     <img class="logo__img" src="images/logo.png" /> 
    </div> 
</div> 

はCSS：

header {} 
logo{} 
logo__img{} 

または：

HTML：

<div class="col-sm-12 header"> 
    <div class="header__logo"> 
     <img class="logo__img" src="images/logo.png" /> 
    </div> 
</div> 

CSS：headerとlogo：

header {} 
header__logo{} 
logo__img{} 

Answer 1

次の2つのブロックを持っています。 Logoには、要素があります。image基本的な構造は次のとおりです。

header {} 
logo {} 
logo__image {} 

最初は、divを本当に必要とするかどうかを決定する必要がありますか？たぶん書き込みできるのは、

<img class="logo" src="images/logo.png" /> 

とにかくです。
headerにのlogoに余白やサイズなどのカスタムスタイルがある場合は、修飾子logo_modificatorを追加してheaderのロゴをカスタマイズする必要があります。

logo {} 
logo_modificator {} 
logo__image {} 
logo_modificator logo__image {} 

多くはである何私はcolとheaderを分離することをお勧めいたします。

<div class="col-sm-12"> 
    <div class="header"> 
     <div class="logo"> 
      <img class="logo__img" src="images/logo.png" /> 
     </div> 
    </div> 
</div>