Question

Deseo decorar los enlaces a páginas externas a mi sitio con un icono especial para indicar que no pertenen al sitio.

¿Se puede lograr utilizando solo CSS?

Answer 1

Puedes hacerlo de dos formas:
1. Asignándole un nombre de clase al tag "a". ejemplo:

 <a href="http://www.google.com" class="external_link"> enlace a pagina externa</a>

con los estilos en css:

.external_link {
  background: url(images/icono_especial.png) no-repeat scroll right center transparent;
  padding-right: 15px;
}

2. Crear un estilo general y "automático", el cual asignará la imagen y un espacio a todos los enlaces externos:

   a[href^="http://"]{
      background: url(images/icono_especial.png) no-repeat scroll right center transparent;
      padding-right: 15px;
   }