有什么区别:before和:: before？

Question

我刚看到一个包含::before标签的CSS代码.我看着MDN看看是什么,::before但我真的不明白.

有人能解释它是如何工作的吗？

它是否在CSS选择之前构成DOM元素？

Answer 1

根据这些文档,它们是等效的:

element:before  { style properties }  /* CSS2 syntax */

element::before { style properties }  /* CSS3 syntax */

唯一的区别是双重冒号用于CSS3,而单冒号是遗留版本.

推理:

在CSS 3中引入了:: before表示法,以便在伪类和伪元素之间建立区分.浏览器也接受表示法:在CSS 2中引入之前.

Answer 2

这将伪元素与伪类区分开来.

在http://www.d.umn.edu/~lcarlson/csswork/selectors/pseudo_dif.html中描述了伪类和伪元素之间的区别.

Answer 3

它们基本上意味着同样的事情.将::在CSS3介绍,以帮助伪元素(如:before和:after)之间descriminate和伪类(如:link和:悬停).

Answer 4

我检查了MDN和w3.org，我能想到的最好的方法::是用于结构更改，并:用于样式设置。

由于兼容性原因，它们当前可以互换。

它似乎分离:link（例如），该样式<a>，从:before（这是一个结构变化）。

:用于样式，::用于结构。