伪类的控制

伪类的控制：

    一、最为强暴的手法

          直接使用Js创建style标签， 覆盖原来的样式。

  二、 较为温柔的方式（间接）

          使用class，直接js直接操控类名，间接操控伪类

  三、上个版本已经解决了切换的问题，但有更多可以不断的切换 class，但是想下这种方式也还是有点笨重，因为可能要写很多css，如果是想换的内容是不确定的，需要用变量来处理呢？这时候，可能会想到用 第一种方法就可以了，但是第一种方式真的不是很优雅。还有什么方式呢？

在css中，伪元素的 content是能读取到data属性的。

也就是说我们可以这样写css

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

在进化版是第二版的变种，

css文件

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

js文件

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

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