title: Which is more efficient | tag.class or .class-tag?
body: <p>In terms of efficiency and expandability, which of the following lines of code is a better option?</p>
  
  <pre><code>tag.class{
  }
  
  .class-tag{
  }
  </code></pre>
  
  <p>Practical example :</p>
  
  <pre><code>button.nav-item{
  }
  
  .nav-item-button{
  }
  </code></pre>
  
  <p>Although this seems insignificant, I believe it would matter greatly when developing a massive website.</p>