Content aware CSS - apply style only if content is available

Question

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 e

Answer 1

Simply use the :empty pseudo-class like so:

td.someClass:not(:empty) {
    /* Styles */
}

As Petr Marek mentions it's not very reliable as a cross-browser solution, so if you must support older browsers (IE8 and older) you will need JS (which you can probably figure out yourself). Otherwise, the above CSS rule will work just fine.

You can find the browser compatibility of :not() and :empty here