 such as <code>#foo</code> or <code>div.bar</code> help decrease the likelyhood of specificity conflicts.</p>
<pre><code class="lang-css">  /* AVOID */
  #home {}
  input.highlighted {}

  /* PREFER */
  .home {}
  .input-highlighted {}
</code></pre>
</li>
<li><p><strong>Develop naming conventions</strong> - You can reduce naming collisions by defining keywords for certain types of UI elements. This is particularly effective when brand names are involved:</p>
<pre><code class="lang-css">  /* AVOID */
  .twi