Bestandsiconen aan links toekennen met CSS v3
29-01-2008
CSS versie 3 ondersteunt het toekennen van style eigenschappen op basis een expressie op HTML attributen. Dit gebeurt met zogenaamde "Attribute selectors". Lees voor meer informatie de w3C draft over selectors:
http://www.w3.org/TR/css3-selectors/ .
Voorbeeld:
a[href*="youtube.com/"]{
background: transparent url(icons/icon_film.gif) no-repeat center right;
}
In dit voorbeeld zal iedere link die "youtube.com/" bevat worden voorzien van het plaatje 'icon_film.gif'.
Firefox, Opera & Internet Explorer 7 ondersteunen attribute selectors. Internet explorer 6 ondersteunt het gebruik van CSS attribuut selectie NIET. Getipt door:
nuleurohosting.nl
Zie ook: