css -- js动态改变before和after
before和after也算是css里面最常见的元素了，而我却一直不太了解，再不学一下就真的太不像话了。所以学习一下，记记笔记。
1. before && after
伪元素，也可以解释为虚拟元素，就是为当前元素增加装饰效果，它们不会出现在dom树，它们显示的是'content'属性，默认为内联元素。
它们无法在document中被找到，无法设置点击等事件，但是可以捕获事件。
获取它们的方法是通过css的接口获取。需要用的时候再进行查阅。
before和after技术上是一样的，只是位置不一样，一前一后装饰元素。
2. 实例
html>
lang="en">
charset="UTF-8">
</span>before&after<span style="color:#e8bf6a;">
class="box">
效果图，画了一个木乃伊，本来想画蜘蛛侠的。。。
哪怕这是个很简单的图，也感受到了用css画图和做动画有点酷炫，以后可以常常练手。
2018-7-14更新
今天遇到了一个问题，有个元素是用js append到界面上，这个元素怎么给它加content呢，我在css里面写了一个
class:before这种，append元素后addClass也没作用，js无法操作before和after这类不存在在dom里面的元素。在网上找到一个例子：
html>
lang="en">
charset="UTF-8">
</span>Title<span style="color:#e8bf6a;">
确实实现了把before和after动态改变，只是会往head(或者body)里面一直添加