①所谓 “替换元素” 指的就是内容可替换,而 content 属性是可以直接替换 HTML 中的内容的,因此,可以让 content 属性生效的场景,我们都可以称为替换元素;
②如果是在 ::before/::after 伪元素中生效,那么此时这个伪元素被称之为 “匿名替换元素”;
③目前的状况是所有现代浏览器均支持 content 属性替换内容,不过,仅支持 url () 资源替换,并不支持字符内容的替换;
④由于匿名替换元素缺少明确的标签,因此,图像的外部尺寸是无法进行调整的;
⑤有显式的标签元素,因此,可以作为替换元素的外部尺寸进行设置;
⑥所有现代浏览器均支持在任意 HTML 元素中使用 content url () 函数语法,且一旦使用,该元素就会变成替换元素;
⑦如果原本一个元素是替换元素,那么如果我们设置 content:'' 进行重置,则这个元素会被还原成非替换元素;
⑧希望源代码层面还是原来的 HTML 内容结构,但是视觉表现上依然是图像,此时可以使用 content;
(参考:www.zhangxinxu.com/wordpress/2…