CSS 伪类 是添加到选择器的关键字，指定要选择的元素的特殊状态。例如，:hover 可被用于在用户将鼠标悬停在按钮上时改变按钮的颜色。

伪元素是一个附加至选择器末的关键词，允许你对被选择元素的特定部分修改样式

按照规范，应该使用双冒号（::）而不是单个冒号（:），以便区分伪类和伪元素。但是，由于旧版本的 W3C 规范并未对此进行特别区分，因此目前绝大多数的浏览器都同时支持使用这两种方式来表示伪元素。

伪元素：

::after (:after) 、  ::backdrop 、::before (:before)、::cue (:cue)、::first-letter (:first-letter)、::first-line (:first-line)、::grammar-error 、::marker 、::placeholder 、::selection、::slotted()、::spelling-error 

css3新增伪类

   p:first-of-type 选择属于其父元素的首个 <p> 元素的每个 <p> 元素。

   p:last-of-type  选择属于其父元素的最后 <p> 元素的每个 <p> 元素。

   p:only-of-type  选择属于其父元素唯一的 <p> 元素的每个 <p> 元素。

   p:only-child    选择属于其父元素的唯一子元素的每个 <p> 元素。

   p:nth-child(2)  选择属于其父元素的第二个子元素的每个 <p> 元素。

css3新增伪元素

      ::after     在元素之前添加内容,也可以用来做清除浮动。

      ::before      在元素之后添加内容

     :enabled     

      :disabled     控制表单控件的禁用状态。

      :checked 单选框或复选框被选中。