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

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

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

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

参考：
[url=http://www.w3school.com.cn/css/pr_pseudo_after.asp]w3school CSS :after 伪元素[/url]
[url=https://developer-new.mozilla.org/en-US/docs/CSS/::after?redirectlocale=en-US&redirectslug=CSS%2F%3Aafter]MDN :after | ::after[/url]

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

[b]语法：[/b]
selector:pseudo-element {property:value;}
selector.class:pseudo-element {property:value;}

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

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