学习笔记（10）伪类&&伪元素

1，伪类

w3c的定义：CSS伪类是用来添加一些选择器的特殊效果。
伪类是指原本存在的标签，在满足某些条件的情况下，就会属于这个伪类。
伪类是类，所以跟css选择器有关，不存在与dom中。

• a标签的伪类

a:link {color:red;} /* 未访问的链接 */
a:visited {color:green;} /* 已访问的链接 */
a:hover {color:blue;} /* 鼠标悬停的链接 */
a:active {color:yellow;} /* 已选中的链接 */

2，伪元素

伪元素，就是原本不存在的标签，按照一定的条件添加新标签才能得到的效果。
伪元素不存在与dom对象中，但是浏览器审查元素的时候能看得到的。

3，伪类伪元素的区别

3.1，相同点

伪类和伪元素都不出现在源文件和文档树中。

3.2，不同点

1. 伪类是类，伪元素是元素；
2. CSS3中伪类和伪元素的语法不同；
     伪类是单冒号:来表示；伪元素是双冒号::来表示。
     可以同时使用多个伪类，而只能同时使用一个伪元素；

总结：伪元素产生新标签，在DOM树中看不到（审查元素的时候可以看到），但是可以操作；伪类不产生新的对象，仅是DOM中一个元素的不同状态。