2015-10-20 181 views
1

新手问题,我没有找到答案任何地方(道歉,如果这是重复)。什么是span元素内容:: after mean?

什么是下面的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选择的情况下后,我不知道怎么说将在这方面适用。

谢谢!

+1

你在浏览器的Inspector中看到过吗? – Xufox

+0

您正在寻找CSS伪元素。检查[MDN文档](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudoelements)。它不是** HTML。 – kosmos

+0

@kosmos _“我熟悉::在CSS和jQuery选择器的背景下”_。 – Xufox

回答

1

这样做是因为你的“图标”类正在使用:: after选择器。当你检查元素时,你会看到它在做什么。

相关问题