伪类 before after

给出伪元素(::before, ::after)的几种使用场景？

   1、在字符串前面／后面加字符串

p::before{content:'anogng';}
2、引入媒体类型

p::after{content:url('4.jpg');}
3、通过attr()调用当前元素的属性，比如将图片alt提示文字或者链接的href地址显示出来。

a::after{content:'('attr(href)')'}
这里需要注意的是，（ 与attr之间没有加号
4、