title: Correct way to write according to BEM methodology for following markup?
body: <p>Which is the correct way to write per BEM methodology for the following markup:</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="col-sm-12 header"&gt;
      &lt;div class="logo"&gt;
          &lt;img class="logo__img" src="images/logo.png" /&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>header {}
  logo{}
  logo__img{}
  </code></pre>
  
  <p><strong>Or:</strong></p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="col-sm-12 header"&gt;
      &lt;div class="header__logo"&gt;
          &lt;img class="logo__img" src="images/logo.png" /&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>header {}
  header__logo{}
  logo__img{}
  </code></pre>