伪类和伪元素初探

Css3为了区分伪类和伪元素，伪类使用单冒号:，伪元素使用双冒号::

• 常见伪类有 :hover,:link,:active,:target,:not(),:focus
• 常见伪元素有 ::first-letter,::first-line,::before,::after,::election

::before和::after特有的content属性，用于在css渲染中向元素逻辑上头部或尾部添加内容。但是这些添加不会出现在DOM中，不会改变文档的内容，不可复制，仅仅在css渲染层中加入。

所以不要用:before或:after展示有实际意义的内容，尽量使用它们显示修饰性内容，例如图标。

参考：
https://www.cnblogs.com/starof/p/4459991.html