理解伪元素和伪类

伪元素：HTML代码里本身不存在，但页面显示时却可看到的元素，如ele:before{ }、ele:after{ }等。

伪类：区别于CSS的类class，常用的是链接<a>标签的伪类，如 a:hover{  }、a:active{ }等。

起初，伪元素的前边使用的是单冒号（ele : before），但随着web的进化，在CSS3规范中，为了与伪类（ele : hover）区分，伪元素的语法被修改成使用双冒号（ele :: before）。但是，现阶段不管使用单冒号还是双冒号，除IE8外浏览器都能识别，所以为了保险起见，可一律使用单冒号。

注意：

对于伪元素： ①其后定义的样式都是针对伪元素内容添加的，而对其周围非伪元素无效。

②当添加伪元素时，需要添加content属性，即使内容为空，否则伪元素将不能正常显示。content内容需要用引号括起来，当内容为特殊符号时，请参考

特殊符号书写方式。

对于伪类： ①不能随意命名。

②<a>的相关伪类有先后顺序之分。link->visited->hover->active。