Question

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

＆＃13;

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

＆＃13;

<p>I am a boy。</p>
<p>I live in Duckburg。</p>

<p>this is my home</p>

＆＃13;

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

Answer 1

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

每个支持双冒号（：:) CSS3语法的浏览器也只支持（:)语法，但IE 8只支持单冒号，所以现在，建议只使用单冒号浏览器支持。

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

Answer 2

这是伪类中的单独伪元素。

您可以在

中阅读有关伪类和伪元素之间差异的更多详细信息