：在图像上的伪选择器之后？ CSS

Question

我试图使用伪选择器：在img标签之后输出一个空的红色div，只是它没有显示任何东西？我正确使用这个吗？...

img:after {background:red; content:'2'; height:100px; width:100px;}

Jsfiddle

http://jsfiddle.net/MLReC/1/

Answer 1

:after和其他伪元素不适用于已更换的元素，例如img，input等。

Answer 2

你可以把你的图像放在div，p等标签中并设置：选择它们之后。

HTML：

 <p>
    <img src="http://www.placehold.it/100x100" />
</p>

CSS：

p:after{background:red; content:'2'; height:100px; width:100px;}