很多学过C3的小伙伴会知道这么一个东西，叫做：伪元素。
伪元素是一个非常有用的东西，它可以摆脱html的束缚，直接在原有的html内容前后添加元素，大概是以下这么个意思：
1476081452658300.png
通过C3直接添加before和after伪元素后，可以出现如下情况：
1476081579107932.png
好的，这样一来就有了两个新盒子。但其实往深想一步，你就会开始思考一个问题，我如何通过JS来控制这两个伪元素呢？很多初学者都认为这是不可控制的，但事实上，凡事都会有解决办法的，来看看如下操作：
1476082414871866.png
这样是否能够生效呢？我们看一下：
1476082515100418.png
果然有效！不过...事实上，你写完上面的步骤，自己都会觉得很傻，因为同样的效果，我只需要通过CSS就可以写了，请看如下：
1476083153605500.png
然后看看结果：
1476083211913607.png
对吧？所以JS控制伪元素虽然可行，但还不如CSS3直接修改来得快！何必多绕一大圈呢？
然而，我发现网上会有很多技术贴，告诉你如何通过JS控制伪元素，说到底都是给div添加类名或id名，然后通过以上类似的方法来修改属性。因此，建议大家直接通过CSS的层叠性质来修改就足够了！
一个人的知识量是有限的，假如你有更好、更简易的方法来实现JS控制伪元素，那么欢迎在下方吐槽评论+技术分享，让其他小伙伴也涨涨姿势哟！
