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

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 选择器。当您检查该元素时，您将看到它正在做什么。