Links

As propriedades para links possibilitam uma grande variedade de efeitos aplicados quando um link é visitado, não visitado, ativo ou no estado hover (quando você passa o mouse sobre ele). Além disso, também podem assumir cores, planos de fundo e estilos de fontes diferentes com o uso de CSS.

Os links possuem 4 seletores definidos através de pseudoclasses. Uma pseudoclasse é usada para adicionar efeitos diferentes a um mesmo elemento. No caso da tag <a>, que define um link, existem 4 pseudoclasses, a saber:

1. a:link ― define o estilo do link no estado inicial;
2. a:visited ― define o estilo do link visitado;
3. a:hover ― define o estilo do link quando passa-se o mouse sobre ele;
4. a:active ― define o estilo do link ativo (o que foi "clicado").

A sintaxe utilizada para definir uma regra para um seletor com pseudoclasses é a seguinte:

Veja um exemplo abaixo.

Nesse exemplo, são definidas 3 regras, sendo um estilo diferente para cada pseudoclasse do elemento <a> da classe denominada classe1, a saber:

• para as pseudoclasses link e visited, o texto do link é estilizado com sublinhado;
• para a pseudoclasse hover, além de sublinhado, o texto muda de cor quando o cursor está em cima dele;
• para a pseudoclasse active, o sublinhado do texto é removido.