伪类和伪元素

要是认为过于片面，可直接看参考大佬链接。本文为自我总结。

一，要求

（1）css3要求一个冒号时伪类；两个冒号时伪元素（好记，一个类一个冒。两个冒号两个字“元素”。）

二，理解（个人认为，过于片面，并不是官方）

:before 就是将如同

p.elements::before {

content：“@”；

}

<p class=elements>我是内容</p>

将“我是内容”放在@ 后面   （   @     我是内容）

:after相反

三，注意

①不要使用伪元素显示内容，会导致难维护和调试缓慢

②能清除浮动

③不能继承父元素

④必须戴上content属性，否则伪元素无用

XXXXXX暂时这么多

原文参考；伪元素使用详解（超详细版）_杭州-前端-求内推的博客-CSDN博客_伪元素

你的直觉是 :before 和 :after 伪元素可能是插入的内容会被注入到目标元素的前或后注入。其实不是这样的，注入的内容将是有关联的目标元素的子元素，但它会被置于这个元素的任何内容的“前”或“后”。来看下面这样一个栗子：