css属性 :after :before content css伪元素

:after：伪元素在元素之后添加内容。
这个伪元素允许创作人员在元素内容的最后面插入生成内容。默认地，这个伪元素是行内元素，不过可以使用属性 display 改变这一点。

例子： http://www.w3school.com.cn/tiy/t.asp?f=csse_after

/* 此样式会在每个 h1 元素之后播放一段声音： */
h1:after
  {
  content:url(beep.wav);
  }

参考：
w3school CSS :after 伪元素
MDN :after | ::after

CSS伪元素(Pseudo-elements)：用于向某些选择器设置特殊效果。

语法：
selector:pseudo-element {property:value;}
selector.class:pseudo-element {property:value;}

• :first-letter 向文本的第一个字母添加特殊样式。 CSS1
• :first-line 向文本的首行添加特殊样式。 CSS1
• :before 在元素之前添加内容。 CSS2
• :after 在元素之后添加内容。 CSS2

content 属性：与 :befor 及 :after 伪元素配合使用，来插入生成内容。
该属性用于定义元素之前或之后放置的生成内容。默认地，这往往是行内内容，不过该内容创建的框类型可以用属性 display 控制。