css 伪类和伪元素

伪类：如： :hover, :link, :active, :focus, :not

伪元素，如： :before，:after，分别可以在标签的前面或后面插入元素。

如：p:before{content:'名字:';color:blue},content为:before和:after下的，用于插入内容。

添加不会出现在DOM节点中，不会改变文档内容，仅仅是在css渲染层加入。

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