CSS " :: " vs " : " -- 伪元素 vs 伪选择器？ [复制]

Question

我正在研究 CSS 和排版，并遇到了这个有趣的伪选择器概念。我使用过单冒号伪选择器，但不熟悉伪选择器的双冒号版本。 I understand 双冒号被称为伪元素而不是伪选择器 - 但为什么呢？又有什么区别呢？

我也知道单冒号得到更多支持，那么在什么情况下会使用双冒号伪元素呢？是否存在需要双冒号而单冒号无法完成工作的用例？那可能是什么情况？

“与伪元素不同，伪类可以出现在选择器链中的任何位置。” （来自链接的引用） - 我不知道“选择器链”是什么，但这似乎也是双冒号方法的另一个限制。如果它（在我的理解中）只是受支持较少的单冒号版本，为什么我需要使用双冒号？

编辑：它们在功能上似乎不一样：fiddle

<div><p>First Line</p></div>
<div><p>Second Line</p></div>

css

div:nth-child(1) > p { 
    color: green;
}

div::nth-child(2) > p { 
    color: blue;
}

Answer 1

伪类 (:) 允许您设置元素的不同状态的样式，例如当您将鼠标悬停在它上面时，当它被禁用时，当它是其父级的第一个子级时，等等。

伪元素 (::) 允许您为元素的不同部分设置样式，例如首行、首字母、前后插入内容等

原来都是用单冒号，但是 CSS3 引入了双冒号来分隔两者。