title: Content aware CSS - apply style only if content is available
body: <p>Is it possible to have a css style be aware of whether the element it is being applied to has some sort of content or not? I am currently using tables (forced to since the end user uses cms to create pages) with a css for each cell, as so</p>
  
  <pre><code>&lt;table&gt;
  &lt;tr&gt;
      &lt;td class="someClass"&gt;Test value 1&lt;/td&gt;
      &lt;td class="someClass"&gt;Test value 2&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td class="someClass"&gt;Test value 3&lt;/td&gt;
      &lt;td class="someClass"&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>As displayed, there is the chance that a table cell is left empty. Is there a way to make "someClass" aware of this and not apply the style to this cell?</p>
  
  <p>I am sure there is some js hack I could apply, but I wonder if it is possible with pure css. Long shot?</p>
  
  <p>Thanks.</p>