如何用js控制css伪类after

admin

https://segmentfault.com/q/1010000002452755

<style>
p:after{content:'我是后缀'}
</style>
<p>正文内容</p>

<script>
var css=function(t,s){
    s=document.createElement('style');
    s.innerText=t;
    document.body.appendChild(s);
};

document.onclick=function(){
    css('p:after{content:\'修改一下\'}');
};
</script>

如果是多个p，可以指定p的class类，变成<p class="p">的话，可以用css('.p:after{content:\'修改一下\'}');

缺点：不断增加伪类内容。

admin

通过JQuery优雅地修改Css :after :before伪类

Css样式表：
.gallery_title:after {
    content: attr(data-attr);
}

页面javascript：
$(".gallery_title").attr('data-attr', "景向后山");

缺点：不能很好的支持fontawesome图标