::after 和 :after 有什么区别？ [复制]答案

【问题标题】：Whats the difference between the ::after and :after? [duplicate]::after 和 :after 有什么区别？ [复制]
【发布时间】：2017-10-02 06:00:38
【问题描述】：

我发现我使用p:after 和p::after 可以得到相同的效果。（第5行你可以找到它）

p:after {
  content: "- add_after";
  background-color: #f00;
}

<p>I am a boy。</p>
<p>I live in Duckburg。</p>

<p>this is my home</p>

那么，:after 和 ::after 之间有什么区别。

【问题讨论】：

标签： css

【解决方案1】：

资源：https://css-tricks.com/almanac/selectors/a/after-and-before/

所有支持双冒号 (::) 语法的浏览器也只支持 (:) 语法，但 IE 8 只支持单冒号，所以目前建议最好只使用单冒号浏览器支持。

:: 是新的缩进格式，用于区分伪内容和伪选择器。如果您不需要 IE 8 支持，请随意使用双冒号。

【讨论】：

【解决方案2】：

这将伪元素与伪类分开。

您可以阅读更多关于伪类和伪元素之间区别的详细信息

【讨论】：