HTML and CSS Reference
In-Depth Information
GENERATED CONTENT FOR ICONS
Yo u c o u l d a l s o i m p l e m e n t y o u r i c o n s u s i n g g e n e r a t e d c o n t e n t , l i k e s o ( s e e b a s i c -
icons-generated-content.html in the chapter6 code download folder):
ul li:nth-of-type(1) a:before {
: ;
}
/* Other three icons included in the same way as the first one, but
p ommitted here for brevity */
ul a:before {
: ;
: ;
: ;
}
ul a {
: ;
: ,
p rgba(0,0,0,0.4) 70%);
: ;
: ;
}
This method is also a viable option, although generated content is not supported
as widely across browsers (it won't work in IE6-7). You'll explore using generated
content more in the “Web Fonts as Icons” section.
 
Search WWH ::




Custom Search