span元素内容:: after mean是什么意思？

Question

我在任何地方都找不到的新手问题（道歉，如果这是重复的）。

以下HTML的含义/目的是什么：

<span>::after</span>

虽然我无法提供更具体的背景信息，但我在网上的旅行中已经多次看到这一点，并且看起来跨页内容不会在页面上呈现为内容。

使用我自己的代码（修改现有的页面模板），我设法生成相同的结果而不理解原因。

我的代码：

$('#unique a').append('<div class="icon-col"><span class="icon"></span></div><div class="value-col"><span></span></div>');

结果HTML：

<div id="#unique">
<a href="#">
  <div class="icon-col">
    <span class="icon">
      ::after
    </span>
  </div>
  <div class="value-col">
    <span></span>
  </div>
</a>
</div>

我在CSS和jQuery选择器的上下文中熟悉 :: after ，我不明白在这种情况下它是如何应用的。

谢谢！

Answer 1

这样做是因为你的“icon”类正在使用:: after选择器。检查元素时，您将看到它正在做什么。