Manchmal stellt unser Blog einige Ressourcen zum Herunterladen für andere bereit, aber in PJBlog werden alle Download-Links durch nur ein Symbol dargestellt. Mit der neuen CSS3-Attributauswahl kann diese neue Technologie je nach Art der heruntergeladenen Dateien unterschiedliche Symbole anzeigen.
Was wir hier verwenden werden, ist
E [att$=value]{…}
Es bedeutet, alle Elemente E auszuwählen, die mit value enden. Dann können wir so schreiben:
a[href$='.torrent'] {
Polsterung: 5px 20px 5px 0;
Hintergrund: transparente URL (icons/icon_torrent.gif) keine Wiederholung, Mitte rechts;
}
a[href$='.vcard'] {
Polsterung: 5px 20px 5px 0;
Hintergrund: transparente URL (icons/icon_vcard.gif) keine Wiederholung, Mitte rechts;
}
a[href$='.exe'] {
Polsterung: 5px 20px 5px 0;
Hintergrund: transparente URL (icons/icon_exe.gif) keine Wiederholung, Mitte rechts;
}
a[href$='.dmg'], a[href$='.app'] {
Polsterung: 5px 20px 5px 0;
Hintergrund: transparente URL (icons/icon_dmg.gif) keine Wiederholung, Mitte rechts;
}