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

The only thing I can think of that relates to your question is psuedo-classes, such as empty. Here is an example:

  
    
    
  
  
    

      
Not empty
      
Not empty

    
  

In modern browsers, you will see that empty cells are blue and cells with content are red. The key here is the first line of CSS, .cell:not(:empty). This applies the CSS if the element does not have the psuedo-class :empty applied.