伪类、伪元素

单冒号（:）用于 CSS3 伪类；

双冒号（::）用于 CSS3 伪元素。

作用：格式化文档树以外的信息。是用来修饰不在文档树中的部分。

• 比如，一句话中的第一个字母，或者是列表中的第一个元素。

​伪类：用于当已有的元素处于某个状态时，为其添加对应的样式，这个状态是根据用户行为而动态变化的。

• 比如说，当用户悬停在指定的元素时，我们可以通过:hover 来描述这个元 素的状态。

伪元素：用于创建一些不在文档树中的元素，并为其添加样式。它们允许我们为元素的某 些部分设置样式。

• 比如说，我们可以通过::before 来在一个元素前增加一些文本，并为这些文本添加样式。虽然用户可以看到这些文本，但是这些文本实际上不在文档树中。

​有时你会发现伪元素使用了两个冒号（::）而不是一个冒号（:）。这是 CSS3 的一部分， 并尝试区分伪类和伪元素。大多数浏览器都支持这两个值。按照规则应该使用（::）而不是 （:），从而区分伪类和伪元素。但是，由于在旧版本的 W3C 规范中并未对此进行特别区分， 因此目前绝大多数的浏览器都支持使用这两种方式表示伪元素。