伪元素可以应用于::自闭元素之前和之后

伪元素可以应用于::自闭元素之前和之后

根据CSS 2.1规范，

该规范并未完全定义：before和：after与替换元素（例如HTML中的IMG）的交互。这将在以后的规范中更详细地定义。

但是当前的Selectors Level 3草案只说

:: before和:: after伪元素可用于描述元素内容之前或之后生成的内容。它们在CSS 2.1中有解释

CSS 2.1定义了如下替换元素：

内容超出CSS格式模型范围的元素，例如图像，嵌入式文档或applet。

CSS渲染模型中不考虑替换元素的内容。

根据MDN，

典型替换元素是

<img>

，

<object>

，

<video>

或类似形式的元件

<textarea>

，

<input>

。某些元素，例如

<audio>

或

<canvas>

仅在特定情况下被替换的元素。

因此，使用

:before

或

:after

替换元素将产生不可靠的结果。