首页 > 技术文章 > css3伪类温故知新

strangerqt 2016-03-08 14:27 原文

今天遇到一个问题。要求::after 和 ::before的 content:"content" 能够动态的进行变换,能被JavaScript操作。

百度了下,自己做了实验,发现有几种方法可以进行动态赋值。

1,最基本,::after的content的内容可以绑定父元素的attribute值,如content:attr(myprattr),这个myprattr就是父元素的属性值;

2,通过js进行操作,既然::after通过与父元素的attribute值进行绑定,那么就可以通过javascript 设置父元素的attribute属性值来操作content; 

推荐阅读