/p>

<pre><code class="language-css bad">/* Not recommended */
.example {
  font-weight: bold !important;
}
</code></pre>

<pre><code class="language-css good">/* Recommended */
.example {
  font-weight: bold;
}
</code></pre>

<h4 id="Hacks" class="numbered">Hacks</h4>

<p>Avoid user agent detection as well as CSS “hacks”—try a different approach
first.</p>

<p>It’s tempting to address styling differences over user agent detection or
special CSS filters, workarounds, and hacks. Both approaches shoul