CSS3：伪元素选择器（::before和::after）

选择符	用处简介
::before	在元素内部的前面插入内容
::after	在元素内部的后面插入内容

例如：

<style>
p::before {
  	content: '你好，';
}
p::after {
  	content: '迪迦奥特曼';
}
</style>

<p>我是：</p>
/*最后就会组成一句话：你好，我是：迪迦奥特曼*/

伪元素选择器在实际开发中用的还是蛮多的，比如一些ico图标就可以用伪元素插入到其中，就不用再新建一个类元素了。
注意点：
before和after必须有content属性；
before在内容前面，after在内容后面；
before和after会创建一个元素，但属于行内元素；
在dom里看不见before和after创建的元素，所以叫伪元素；
伪元素和标签选择器一样，权重都是1。