grifangel,
<style>
p.new::after {
font-weight: 700; /* Толщина шрифта */
color: #FF0000; /* Цвет текста */
background-color: #fc0; /* Цвет фона */
font-size: 90%; /* Размер шрифта */
padding:2px 4px; /* Поля вокруг текста */
</style>
<div id="before&after">
<style type="text/css">
p.new::after {
content: "Новьё!"; /* Добавляемый текст */
}
</style>
</div>
<p class="new"></p>
<script>
function changeCnt(str) {
var elem = document.getElementById('before&after');
var str='<style type="text/css">\
p.new::after {\
content: "'+str+'";\
}\
</style>';
elem.innerHTML = str;
}
alert('Меняю текст?')
setTimeout(function(){changeCnt('Cтарье!');},800);
</script>