CSS中：和：：之间的区别

CSS中：和：：的区别到底是什么？
例如，我看到的CSS代码如下：

.example:before{
   content:'just one';
}

及

有什么区别？什么是最佳实践

伪类

引入伪类概念是为了允许基于文档树之外的信息或无法使用其他简单选择器表示的信息进行选择

伪类总是由一个“冒号”（：）和伪类的名称以及括号之间的值组成

参考：

伪元素

伪元素创建文档树的抽象，超出了文档语言指定的抽象。例如，文档语言不提供访问元素内容的第一个字母或第一行的机制。伪元素允许作者引用此不可访问的信息。伪元素还可以为作者提供一种引用源文档中不存在的内容的方法（例如，伪元素：：before和：：after可以访问生成的内容）

伪元素由两个冒号（：：）和伪元素的名称组成

参考：

---

我们通常只使用一个冒号来表示所有内容，但现在的最佳实践是遵循W3C的指导原则，尽管我想补充一条警告，您希望确保您支持的浏览器在开始对样式表进行大规模更改之前理解语法。

如果您想知道，您需要担心的唯一浏览器是IE8。没有其他浏览器支持

：before

而不支持

：：before

，但是IE8在某些人口统计中仍然是一个大问题。

.example2::before{
   content:'here two';
}