css 伪类 与 伪元素

伪类就是一种虚构的状态或者说是一种具有特殊属性的元素，可以使用 css 进行样式修饰。伪类前面通常加一个 ： ，之后跟上伪类的名字或括号里面的值。常用的伪类： :link、：visited、:hove、:active、:focus、:first-child、:nth-child() 。

伪元素更像是虚拟的元素可以和 HTML 元素一样对待。但它们并不在文档树和 DOM 之中，这意味着我们并没有真正的指定伪元素，但可以使用 css 创建。常见的伪元素： :before、:after、:first-letter、:first-line 。

单冒号（：）与双冒号（::）的使用

1. 伪类使用单冒号加伪类名（:link）
2. css3 之前的伪元素使用单冒号加元素名（:after）
3. css3 为了区分伪类和伪元素，分别使用：和 :: 标识伪类和伪元素。大多数情况下两者都可以标识伪元素，有些只接受双冒号，如::backdrop