css3伪类温故知新

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

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

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

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

posted @ 2016-03-08 14:27  winenr123  阅读(117)  评论(0编辑  收藏  举报