<h1>Details</h1>

        <p>An empty rule is one that doesn't contain any properties, such as:</p>

<div class="highlight highlight-source-css"><pre><span class="pl-e">.foo</span> {<br/>}</pre></div>

<p>A lot of times, empty rules appear as a result of refactoring without further cleanup. Eliminating empty rules results in smaller file sizes and less style information for the browser to deal with.</p>

<h2>
<a id="user-content-rule-details" class="anchor" href="#rule-details" aria-hidden="true"><svg aria