title: BEM re-using common styles
body: <p>I am trying to wrap my head around BEM with CSS and got stuck. </p>
  
  <p>I have a block with elements that includes a <code>&lt;ul&gt;</code> that are basically tabs. Tabs all around my system would look the same so - can I have both a <code>.tabs</code> class on my <code>&lt;ul&gt;</code> as well as a block__element (like card__tabs )? </p>
  
  <p>Or do I have to create the same set of CSS-styles for all block/elements that have tabs?</p>
  
  <pre><code>&lt;div class="card"&gt;
      &lt;ul class="card__tabs tabs"&gt;
          &lt;li&gt;Tab 1&lt;/li&gt;
          &lt;li&gt;Tab 2&lt;/li&gt;
      &lt;/ul&gt;
  
      &lt;p class="card__description"&gt; Some lovely flavour text&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Question arises from utilizing something like Materialize CSS library. Or maybe I should use mixins instead?</p>