Firstly let me admit that I am a beginner in CSS. I recently came across a nice website: http://www.sitepoint.com/better-solution-managing-z-index-sass/ and was curious to know how the "3" is displayed alongside "CSS". When I tried to check through the firebug, I saw a class name ".category-css .icon-category:before" which contains content property which has some strange content.
Could you please let me know where is content property pointing to. I know this might be the silliest question, but I am clueless.
Asked
Active
Viewed 53 times
0
zilcuanu
- 3,451
- 8
- 52
- 105
-
better post a DEMO with relevant HTML and CSS code. – Kheema Pandey Jun 25 '14 at 06:49
1 Answers
1
On the <i class="icon-category> they are setting a font-family: 'sitepoint', Sans-Serif;, on the :before element the content element is using a Unicode, which will relate to a character from their custom font 'sitepoint'.
For example, Font Awesome uses unicodes for it's characters, as you can see each character has a unique code next to it.
Jon Kyte
- 1,962
- 3
- 26
- 40