一看就懂的--伪类(一个冒号)与伪元素(两个冒号)的区别

伪类与伪元素

   关于伪类与伪元素这两个的区别,以及什么时候要加一个冒号(：)，以及两个冒号(：),也一直搞不懂，后来听一个老师讲了不到一分钟就豁然开朗了

一、伪类（一个冒号）

1、伪类：伪类表示一个元素身上的一种状态，给伪类设置样式，样式作用于元素身上，因为它不是一个实实在在的东西；
2、伪类有哪些：

如：
link,
visited,
active,
div:hover,
div:nth-child()   //css3选择器等

二、伪元素（两个冒号）

1、伪元素：伪元素可以理解为它是一个实实在在的东西，指的就是元素，只不过是个虚假元素，且它这个元素没有标签。但是它依然可以设置宽高等样式。
2、伪元素都有哪些：

::first-letter  //获取到第一个文本
::first-line    //获取到第一行
::selection     //设置文本选中的样式
::before		
::after         

  双冒号IE8不兼容，但是为了规范建议写两个冒号。