Css 伪元素 ::before(2); :before 和 ::before答案

【问题标题】：Css pseudo-element ::before(2); :before and ::beforeCss 伪元素 ::before(2); :before 和 ::before
【发布时间】：2013-12-10 02:40:11
【问题描述】：

我正在使用 css，我尝试像箭头一样向我的 div 添加一个元素“之前”。有没有办法实现它？我尝试了伪 :before 但其中有三个（::before(2)、:before 和 ::before）。它们让我很困惑，它们之间有什么区别？

【问题讨论】：

::before 是旧 :before 的新实现——它是为了区分伪元素 (::) 和伪类 (:)。话虽如此，IE 8 只接受 :before 而不接受新语法，而新浏览器同时接受两者，因此如果您想要更好的合规性，最好使用旧语法。我不知道::before(2)是什么，我以前从未见过。
看起来::before(2) 是多个::before 伪元素：w3.org/TR/css3-content/#inserting 然而，目前还没有主流浏览器支持它：realworldvalidator.com/css/pseudoelements/::before(2) 所以不要使用它。
这能回答你的问题吗？ Can I have multiple :before pseudo-elements for the same element?

标签： css

【解决方案1】：

CSS spec on content 描述了所有三种语法。

:before -- 伪元素的过时语法。如果需要旧版浏览器支持（例如 IE8），请使用此选项。 IE9 支持新语法。 It also seems like iOS Safari does not support the new syntax
::before -- 新的伪元素语法。这相当于::before(1)
::before(n) -- 用于创建多个 before 元素，这些元素可以位于其他 ::befores 之前。 Details are in the same spec.
据我所知，没有浏览器支持这一点。
- http://jsfiddle.net/535Rf/

【讨论】：