title: What to do with empty CSS rules?
body: <p>After some code review I removed unnecessary properties which resulted in empty rules.</p>
  
  <p>So I have know something like this:</p>
  
  <pre><code>table.foo
  {
  }
  
  table.foo td.bar
  {
      padding: 5px;
  }
  </code></pre>
  
  <p>Now, what would be the best course of actions about this empty table rule? Remove it or leave it? Is there a requirement to have declaration of parent elements to be able to define child elements on them? It actually works without it just fine, but maybe there are some validation considerations? Any input is appreciated.</p>