Può essere utile a volte identificare visivamente i links esterni all'interno di una propria pagina, per facilitare la navigazione dell'utente.
Per farlo non serve inserire una classe particolare, ma basta usare un semplice codice css:
a[href^="http://"]{
/* Inserire la formattazione per i links esterni */
}
a[href^="http://www.miosito.it"]{
/* Inserire la formattazione per i links interni */
}
In questo modo il codice dovrebbe essere letto correttamente da tutti i browser. Se invece volete usare un metodo più elegante, ma supportato solo dai browser più avanzati (firefox, chrome), provate questo:
a[href^="http://"]:not([href^="http://www.miosito.it"]){
/* Inserire la formattazione per i links interni */
}
Il selettore :not è la pietra miliare del CSS, ma purtroppo non è supportata da browsers come IE. Poter decidere in una sola riga cosa selezionare e cosa escludere permette di evitare noiose sovrascritture e riduce il codice di molto.