Algumas vezes precisamos configurar nossos links de uma forma diferente da padrão. Para isso usamos uma regra básica do css, o Seletor “a” pode ser usado para definir todos os links da pagina ou, utilizado em conjunto com uma class ou ID, pode personalizar um link determinado.

Vamos a prática:

Ex1.:
a:link{
font-family: verdana;
text-decoration: none;
color: #000;
}

<a href=”link.htm”>Clique aqui</a>

Ao definir o seletor “a” da forma acima, definimos que todos os links que não possuam uma configuração propria, sejam afetados pelo estilo aplicado.

Ex2.:
.dvlink{
width: 400px;
}

.dvlink a:link{
font-family: verdana;
text-decoration: none;
color: #fff;
}

<div><a href=”link.htm”>Clique aqui</a>

Utilizado da forma acima, o seletor atua sobre a class dvlink, alterando qualquer link que esteja vinculado a class.

Ainda podemos definir outros estados do seletor “a” :

a:link = O link normal.
a:hover = Quando passamos o ponteiro do mouse sobre o link.
a:visited: Quando clicamos no link, ao retornarmos a página ele aplica esse estilo.

Bom, pode parecer simples para muitos, mas espero ter ajudado quem precisar, em breve mais exemplos e codigos para vocês.

[]’s

Anúncios