Vários Tipos De Links

[Guest - Felipe -]

Como eu faço para colocar vários estilos de links numa página só? Tenho um site que vai ter no seu index várias tabelas, e nesta gostaria de colocar um estilo para cada, sendo que ainda tem o estilo para links normais, que não estão dentro destas tabelas:

Este estilo é para os linsk gerais:

a:link {
Text-Decoration: none;
color: #666666;
}

a:visited {
Text-Decoration: none;
color: #666666;
}

a:active {
Text-Decoration: none;
color: #666666;
}

a:hover{
Text-Decoration: underline;
color: #CC9900;
}

Agora queria saber como faço para fazer outros estilos de links para as tabelas. Obrigado desde já!

[OSJunior]

Olá Felipe,

tente algo assim:

/*Estilo 1*/
a.estilo1:link {
Text-Decoration: none;
color: #666666;
}

a.estilo1:visited {
Text-Decoration: none;
color: #666666;
}

a.estilo1:active {
Text-Decoration: none;
color: #666666;
}

a.estilo1:hover{
Text-Decoration: underline;
color: #CC9900;
}
/*Estilo 2*/
a.estilo2:link {
Text-Decoration: none;
color: #999999;
}

a.estilo2:visited {
Text-Decoration: none;
color: #999999;
}

a.estilo2:active {
Text-Decoration: none;
color: #999999;
}

a.estilo2:hover{
Text-Decoration: underline;
color: #CCCCCC;
}

Então você altera o estilo 2 do jeito que você quer. E nos links:

<a href="#" class="estilo1">LINK</a>
<a href="#" class="estilo2">LINK</a>

ok!?

falou.

[Guest Guest]

[Diego_Bittencourtt] Olá OSJunior! (eu não to logado)

a.estilo2

Precisa colocar a atrás?

vê se a sintaxe que eu uso no caso está errada (mas da certo)

.estilo

Falow!

[OSJunior]

Sim é necessário que você coloque, pois senão o CSS não reconheceria as chaves.

O que vem antes, é a tag do link.

Assim você só usa para o link, se retirar você poderia utilizar em outras tags, mas elas não reconhecem o active,hover,visited, entende?

falou.

[JCMPJ]

Sim é necessário que você coloque, pois senão o CSS não reconheceria as chaves.

O que vem antes, é a tag do link.

Assim você só usa para o link, se retirar você poderia utilizar em outras tags, mas elas não reconhecem o active,hover,visited, entende?

falou.

Ola!

Podemos ter

.NomeEstilo { ... }

.NomeEstilo:link { ... }

.NomeEstilo:hover { ... } , etc

É claro que :link e :visited só fazem sentido quando aplicadas a um elemento a.

Quanto a :hover devemos acrescenter que o IE somente reconhece a pseudo classe :hover quando aplicada a um link, em navegadores que estão em conformidade com W3C está pseudo classe (:hover) pode inclusive ser aplicadas a outros elementos, como por exemplo LI. Para :active não tenho certeza, nunca testei.

Testem ai se eu estiver errado, digam.

[]'s