Merhaba bugün aylar önce araştırdığım ama daha yeni bulduğum harika bir özelliği sizinle paylaşıyorum. Bildiğiniz üzere jQuery üzerinden bir elementin :after veya :before özelliklerini değiştiremiyoruz halen böyle bir kolaylık sunmadılar. Ama javascript ile bunu yapabiliyoruz

<p>Bu bir paragraf</p>
<p class="ozel">Bu başka bir paragraf</p>
<p>Bu da başka bir paragraf</p>
p:before {
  content: "ön yazıyım ben :) ";
  color: red;
}

p:after {
  content: " arka yazıyım ben :)";
  color: red;
}
var on_metni = "sonradan gelme ön metin :) ";
var arka_metni = " sonradan gelme arka metin :)";
document.styleSheets[0].addRule('p.ozel:before','content: "'+on_metni+'";');
document.styleSheets[0].addRule('p.ozel:after','content: "'+arka_metni+'";');