CSS2.1 псевдо-селекторы, такие как::after а также::before позволяет добавлять текстовый контент на страницу. Например :

CSS

 p:after { content:' Batman!' }

HTML

<p>Na Na Na Na Na Na</p>

Output in the browser

Na Na Na Na Na Na Batman!

Мой вопрос, с тем же источником HTML, почему этоpiece of CSS

 p { content:'My hero is' }
 p:after { content:' Batman!' }

doesn't outputs this

My hero is Batman!

but instead outputs this ?

Na Na Na Na Na Na Batman!

Спецификация w3c для свойства content:http://www.w3.org/TR/CSS21/generate.html#propdef-content

Answer - Я смотрел на спецификацию CSS2.1.CSS3 спецификация указывает это возможно даже без::after а также::before псевдо-селекторы. Но не каждый браузер реализует это.

Chrome 20.0.1132.57 : NO Opera 12.00 r1467 : YES Safari 5.1.7 (7534.57.2) : NO IE 8.0.7601 : NO (the CSS2 content property is not even implemented)