O efeito que queremos alcançar é adicionar um pequeno ícone a todos os links que apontam para este site para dizer ao usuário que clicar neste link fará com que você saia deste site, que é um link externo. É claro que isso pode ser alcançado através de JavaScript mais complexo, mas agora podemos implementar essa função através dos seletores de propriedades CSS 3.
a [href^= "http:"] {{
Antecedentes: URL (Images/ExternalLink.gif) sem repetir o topo direito;
Right-right: 10px;
}
O código acima significa: todos os links que começam com http: o ícone de uma seta pequena será adicionada, indicando que o usuário é um link externo. Pode -se dizer que essa função é muito amigável e destaca a facilidade de uso do web design.
Obviamente, isso é usado para links para este site. Se o link apontando para este site também estiver no início, ou se você usar o endereço absoluto e o endereço relativo? Podemos usar o seguinte código:
a [href^= "http:"] {{
Antecedentes: URL (Images/ExternalLink.gif) sem repetir o topo direito;
Right-right: 10px;
}
a [href*= "www.dudo.org"] {{
Antecedentes: Nenhum;
preenchimento: 0;
}
As duas regras acima são: Todos os ícones com links externos com HTTP: Start, seguidos por http://www.dudo.org/ não haverá ícone de seta.
Fonte do artigo: http://www.dudo.org/article/cssjs/use_new_of_css.htmm