HTML and CSS Reference
In-Depth Information
Both icons already share the “
ico
” class, you don't
need to load the
ico.png
twice or add any properties
that disables the content.
It's already there:
a.ico-facebook,
a.ico-twitter {
height:16px;
/* height of social icons */
width:16px;
/* width of social icons */
}
a.ico-facebook {
background-position:0 0;
/* position of Facebook in ico.png */
}
a.ico-twitter {
background-position:-16px 0;
/* position of Twitter in ico.png */
}
The icons already have the same width and height,
so they're grouped together:
a.ico-facebook, a.ico-twitter
and then called individually to include position of
background.