title: Confused with BEM: how to deal with IMG and TABLE tags
body: <p>I'm trying to wrap my head around BEM naming convention in CSS, but for some parts I find it bit confusing.</p>
  
  <p>In my case, my HTML (on a rough level) looks like this:</p>
  
  <pre><code>&lt;div class="wrapper"&gt;
  &lt;img src="images/img.png"&gt;
  &lt;span class="header"&gt;Heading&lt;/span&gt;
  &lt;table&gt;
    &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td class="itemInfo"&gt;
            &lt;span class="item"&gt;Item&lt;/span&gt;
            &lt;span class="itemDetails"&gt;Item Details&lt;/span&gt;
          &lt;/td&gt;
          &lt;td class="itemDate"&gt;01/01/1980&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>In my CSS I have defined styles for the .wrapper, .header, .item, .itemInfo, .itemDetails and .itemDate classes. Turning these into BEM should be straightforward.</p>
  
  <p>However, my questions are related to some other tags in my HTML:</p>
  
  <p>1) How do I deal with the IMG tag? It has styling defined in my CSS file:</p>
  
  <pre><code>img {
  style definition 1;
  style definition 2;
  ..
  }
  </code></pre>
  
  <p>Should I BEM this element, both in HTML and in CSS files, by giving image tag a CSS class with BEM convention in my HTML file and also defining this very same class in my CSS, too?</p>
  
  <p>2) In my example, how is TABLE tag understood in the BEM context? In other words, TABLE and TD selectors have their own style definitions in my CSS file (the same way as the IMG tag). Should I also treat those tags the same way as in the case of IMG tag (with/without BEM)?</p>