:before :after伪元素适用范围

伪元素虽然强大,但是还是有一些特定的标签是不支持伪元素 before 和 after 的。

诸如

<img> 、<input>、<iframe>

,这几个标签是不支持类似 img::before 这样使用。

究其原因,要想要标签支持伪元素,需要这个元素是要可以插入内容的,也就是说这个元素要是一个容器。而 input,img,iframe 等元素都不能包含其他元素,所以不能通过伪元素插入内容。

内容摘自:超级棒的伪元素before与after的使用-摘客
CSS3奇思妙想:CSS3奇思妙想

发表评论

电子邮件地址不会被公开。 必填项已用*标注