добавить свой текст CSS в «пустой» дивы

Question

Смотрите эту скрипку: http://jsfiddle.net/xanld/3yh28/

div:before { 
    content: 'This div is empty'; 
} 
div:empty { 
    background:red; 
} 

Я хотел бы, чтобы добавить содержимое CSS только пустые дивы. Я могу либо использовать: пустой селектор, но мне нужно использовать: перед селектором, чтобы добавить контент. Можно ли использовать оба варианта?

Спасибо.

Answer 1

Да, вы можете использовать оба - см обновленное скрипку: http://jsfiddle.net/3yh28/1/

div:empty:before { 
    content: 'This div is empty'; 
} 

Убедитесь, что это :empty:before (не :before:empty), потому что вы хотите применить псевдо-элемент :before на элемент, который соответствует div:empty ,

Кстати, :empty is CSS3 и не поддерживается в старых браузерах (таких как IE8, или около 40% доли рынка браузеров)