为什么 div 可以在选择器之前和之后接受而 img 标签不能？ [复制]

Question

为什么 div 可以在选择器之前和之后接受而 img 标签不能？那么如何为我的图像定义两个伪元素呢？

Answer 1

::before 和 ::after 伪元素出现在元素内容的开头和结尾。

<img> 是一个被替换的元素，它不能有任何内容。

Answer 2

正如Quentin 所说，您不能为img 标签定义伪元素。但是，如果您如此迫切地寻找解决方案，这里有一个：

1. 创建一个div 元素
2. 将该图像设置为div 的background-image 属性
3. 就是这样，现在你有了一个div 元素，它可以像平常一样采用::before / ::after 伪元素。