css ::before 用data属性控制内容

 

在css中,伪元素的content是能读取到data属性的。
也就是说我们可以这样写css:

p.change:after {
?? ?content: attr(data-content);
}

 
js文件

$(this).addClass('change').attr('data-content', content);

 

这样你就可以随意改动了。