什麼是span元素內容:: after mean？

新手問題，我沒有找到答案任何地方（道歉，如果這是重複）。什麼是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選擇的情況下後，我不知道怎麼說將在這方面適用。

謝謝！

來源

2015-10-20 keith macd

你在瀏覽器的Inspector中看到過嗎？ – Xufox

您正在尋找CSS僞元素。檢查[MDN文檔]（https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudoelements）。它不是** HTML。 – kosmos

@kosmos _「我熟悉::在CSS和jQuery選擇器的背景下」_。 – Xufox

這樣做是因爲你的「圖標」類正在使用:: after選擇器。當你檢查元素時，你會看到它在做什麼。

來源

2015-10-20 17:36:23

什麼是span元素內容:: after mean？

回答

相關問題