Mobile app version of vmapp.org
Login or Join
Gretchen549

: What does 'content: "e61e"' mean in CSS? Wonder what content:"e61e" is in the .icon-trash:before class' CSS. I know that they use a font to make icons but I don't know what "e61e" is? Any

@Gretchen549

Posted in: #Css #Fonts #Icon

Wonder what content:"e61e" is in the .icon-trash:before class' CSS. I know that they use a font to make icons but I don't know what "e61e" is? Any explanation?

Thank you in advance.

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Gretchen549

1 Comments

Sorted by latest first Latest Oldest Best

 

@Murray976

e61e is technically this character:  in UTF-8 encoding (the default encoding for CSS - this can be changed using @charset ). So that's the literal answer to your question.

But as Joonas mentioned in the comments, a font can map a character like this to a symbol, in this case an icon, of their choosing. So in actuality, what you're seeing is likely different than this character - likely a trash can icon.

Since it's inside of a ::before (two colons are used because it's a pseudo element - one colon should be used for pseudo-classes), that allows it to be placed separately from the .icon-trash element itself, usually before or after the element. This is very common for icon fonts to do.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme