CODEWITHSUNDEEP
javascriptjqueryhtml
keith macd
keith macd

Reputation: 19

What does span element contents ::after mean?

Newbie question which I haven't found answered anywhere (apologies if this is duplicate).

What is the meaning/purpose of the following HTML:

<span>::after</span>

Although I can't provide more specific context, I've seen this a few times in my travels around the web and it seems the span contents aren't rendered out on the page as content.

Working with my own code (modifying an existing page template), I managed to generate the same result and don't understand why.

My code:

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

Resultant 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>

I'm familiar with ::after in the context of CSS and jQuery selectors, I don't understand how that would apply in this context.

Thanks!

Upvotes: 1

Views: 67

Answers (1)

Drew Dahlman
Drew Dahlman

Reputation: 4972

It's doing that because your "icon" class is making use of the ::after selector. When you inspect the element you will see what it's doing.

Upvotes: 1

Related Questions