1. 理解伪元素 :before 和 :after

实例

每个<p>元素之后插入内容：

p:after
{ 
content:"- Remember this";
}

在每个<p>之前插入的内容和样式:

p:before
{ 
content:"Read this -";
background-color:yellow;
color:red;
font-weight:bold;
}

他们其实就是一种选择器，

http://www.runoob.com/cssref/css-selectors.html