CSS3单冒号与双冒号的用法与区别

CSS3除了伪类，还支持访问伪元素。CSS3对伪元素进行了一定的调整，在以前的基础上增加了一个冒号，如“::before”,"::after"等，还增加了一个新的伪元素“::selection”。

目前浏览器对::selection伪元素单支持并不完美，在IE浏览器中只有IE9以上版本才支持。

使用方式：

::selection {
    background: #F30;
    color: #FFF;
}

为什么要使用双冒号？

对于IE6～IE8浏览器，仅支持单冒号的表示方法，而现代浏览器同时支持这两种表示方法。另外一个区别是，双冒号与单冒号在CSS3中主要用来区别伪类和伪元素。

伪类是单冒号，属于选择器：

如：
a:hover { }

a:active { }

#btn:target { }

p:first-child { }

p:nth-child(2n) { }等。

伪元素可以是单冒号，可以是双冒号，较规范使用建议是双冒号。

如：
#btn::before {
    content: ""
}

#btn::after {
    content: ""
}