伪元素、伪类的理解

                                                                      css伪类和伪元素

1.0 常见的伪类，伪元素

        css的伪类有：:active， :focus， :hover，:link， :visited，:first-child， :lang
        css的伪元素有：:first-line，:first-letter，:before，:after

2.0 概念理解：

              伪类选择元素基于的是当前元素处于的状态，或者说元素当前所具有的特性，而不是元素的id、class、属性等静态的标志。由于状态是动态变化的，所以一个元素达到一个特定状态时，它可能得到一个伪类的样式；当状态改变时，它又会失去这个样式。由此可以看出，它的功能和class有些类似，但它是基于文档之外的抽象，所以叫伪类

           伪元素：与伪类针对特殊状态的元素不同的是，伪元素是对元素中的特定内容进行操作，它所操作的层次比伪类更深了一层，也因此它的动态性比伪类要低得多。实际上，设计伪元素的目的就是去选取诸如元素内容第一个字（母）、第一行，选取某些内容前面或后面这种普通的选择器无法完成的工作。它控制的内容实际上和元素是相同的，但是它本身只是基于元素的抽象，并不存在于文档中，所以叫伪元素。

          简单的语言理解：可能有错误，这是看到另一个人写的：

         通俗理解一：  伪类和伪元素的根本区别在于：它们是否创造了新的元素(抽象)。从我们模仿其意义

                         的角度来看，如果需要添加新元素加以标识的，就是伪元素，反之，如果只需要在既有元素上

                         添加类别的，就是伪类。

        通俗理解二： 伪类相当于给标签加一个”类“，即加另一个样式，例如当用：hover时，我们就可以给相应的

                               标签加上一些其他的样式
                               伪元素就是相当于给文档上加上一个新的”标签“，所以称之为”元素“

   3.0   双冒号(::)和单冒号(:)的区别

       所有支持CSS3的双冒号(::)语法的浏览器都会支持单冒号(:)语法，但IE8只支持单冒号。建议只使用单冒号，以获得最佳的浏览器支持。
         双冒号(::)是一种新语法，是用来将伪元素选择器和伪元素区别开。如果不需要IE8支持，就用双冒号(::)。