本文讲讲述伪元素以及功能强大的Contet属性，文章通过实例代码相结合的形式给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友参考下吧

初识伪元素  说起伪元素我第一想到的莫过于::before和::after这两个了，它俩其实就是在其附属的选择器命中的元素上插入第一个子节点和追加最后一个子节点。那这时我不禁地想问：“直接添加两个class为.before和.after不是一样的吗？”  其实使用伪元素::before和::after以下两个好处： 1.HTML的代码量减少，对SEO有帮助； 2.提高Javascr ipt查询元素的效率。  那为什么会这两好处呢？原因就是伪元素并不存在于DOM中，而是位于CSSOM，HTML代码