larations, so to reflect hierarchy and
improve understanding.</p>

<pre><code class="language-css good">@media screen, projection {

  html {
    background: #fff;
    color: #444;
  }

}
</code></pre>

<h4 id="Declaration_Stops" class="numbered">Declaration Stops</h4>

<p>Use a semicolon after every declaration.</p>

<p>End every declaration with a semicolon for consistency and extensibility
reasons.</p>

<pre><code class="language-css bad">/* Not recommended */
.test {
  display: block;
  height: 100px
}
