CSS: link a pdf o altri tipi di documenti

Con i CSS è possibile impostare formattazioni condizionali sulla base del contenuto dell'oggetto linkato.

Nel concreto, ad esempio, possiamo preimpostare che per i link a documenti pdf, appaia a fianco del link automaticamente l'icona di Acrobat reader, oppure che per i link a documenti Word appaia automaticamnte l'icona di Microsoft Word e così via per ogni tipo di link a oggetto diverso.

E' un'opzione molto utile nella costruzione di CMS per ottenere una formattazione gradevole preimpostata senza che l'utente debba assegnare manualmente classi o altro!

La sintassi del foglio stile sarà la seguente:

a[href$=".pdf"] {
    padding-left: 30px; // spazio superiore alla larghezza icona
    background-image: url(/img/acro.png); // percorso icona
    background-repeat: no-repeat;
}
a[href$=".doc"] {
    padding-left: 30px; // spazio superiore alla larghezza icona
    background-image: url(../img/word.png);
    background-repeat: no-repeat; // percorso icona
}