carlos-sanchez
11/14/2013 - 4:08 AM

Link Selectors

Link Selectors

/* enlaces externos
 ^=  indica que queremos dar estilo a aquellos enlaces que comiencen por http://
*/
a[href^="http://"]{
    padding-right: 20px;
    background: url(external.gif) no-repeat center right;
}
/* emails
^= indica que queremos dar estilo a aquellos enlaces que comiencen con mailto:
*/
a[href^="mailto:"]{
    padding-right: 20px;
    background: url(email.png) no-repeat center right;
}
/* pdfs
$= indica que queremos dar estilo a aquellos links cuyos hrfs terminen con ".pdf".
*/
a[href$=".pdf"]{
    padding-right: 20px;
    background: url(pdf.png) no-repeat center right;
}
/* zip
Igual que el anterior pero para los archivos zip y se añade un icono a la derecha del enlace. Por ello lo de :after
*/
a[href$=".zip"]:after{
    content: url(icons/zip.png);
}