两个“虚伪”的“人”------伪元素选择器&伪类选择器

Css2中对于伪类的定义
    css伪类用于向某些选择器添加特殊的效果
Css3中对于伪类的定义
    伪类存在的意义是为了通过选择器找到那些不存在与DOM树中的信息以及不能被常规css选择器获取到的信息；
    由一个冒号开头，冒号后面是伪类的名称和包含在圆括号中的可选参数

 

        Css2中对于伪元素的定义
            css伪元素用于向某些选择器设置特殊效果
        Css3中对于伪元素的定义

• 伪元素在DOM树中创建了一些抽象元素，这些抽象元素是不存在与文档语言里的
• 伪元素由两个冒号开头，然后是伪元素的名称
• 使用两个冒号::是为了区别伪类和伪元素（css2中没有区别）。
• 考虑到兼容性，css2中的伪元素仍然可以使用一个冒号:的语法，但是css3中新增的伪元素必须使用两个冒号::
• 一个选择器只能使用一个伪元素，并且伪元素必须处于选择器语句的最后
• 伪元素创建了一个虚拟容器，这个容器不包含任何DOM元素，但是可以包含内容，另外还可以为伪元素定制样式

 

两者间的特性及区别

1. 伪类本质上是弥补常规css常规选择器的不足，以便获取更多信息
2. 伪元素本质上是创建了一个有内容的虚拟容器
3. Css3中伪类和伪元素的语法不同
4. 可以同时使用多个伪类，但只能同时使用一个伪元素

伪元素和伪类到底有哪些？

偷了懒，从MDN上的截图。（csdn的表格太难用了）https://developer.mozilla.org/zh-CN/docs/Web/CSS/Reference

 

瞄了眼w3.org,很多新的选择器又要出来啦。