Prioridade nas declarações para links

[xaviergxf 0]

Olá pessoal,

 

Eu tenho o seguinte css para limpar as propriedades padrões de links:

 

a:link {text-decoration: none;}
a:visited {text-decoration:none;}
a:hover {text-decoration: underline;}
a:active {text-decoration: underline;}

 

após fazer os menus, eu modifiquei os links para:

 

 

#menu_topo a:link{
color:#999999;
text-decoration:none;
}

#menu_topo a:hover{
color:#999999;
text-decoration:underline;
}

#menu_topo a:visited{
color:#999999;
text-decoration:none;
}

#menu_topo a:active{
color:#999999;
text-decoration:none;
}

De modo que a cor continue a mesma e quando o mouse passe por cima(hover) ele mostre o sublinhado. Existem alguns bugs no código e entre os Browsers IE e Firefox.

 

Alguem poderia me ajudar com isso?

 

 

Grato

[Leonardo P 0]

tá... mas qual é o problema?

[inforsis 1]

Bom Dia xaviergxf!

Use o seletor universal * (asterisco). Para zerar as propriedades padrões.

 

Da seguinte forma:

 

* {text-decoration: none; text-decoration: underline;}

Aqui na busca tem bastante conteúdo sobre isso:

 

Busca do Fórum iMasters

 

Qualquer nova dúvida, post.

Até Mais.

 

Editando:

Titulo Editado:

CSS propriedades padrões http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Zerando propriedades padrões.

[xaviergxf 0]

O problema é que os links sempre ficam sublinhados ,mesmo com esse tipo de css, enquanto era para estarem sublinhados apenas quando ocorresse o hover(passagem do mouse).

Apesar de eu utilizar o text-decoration:none; no link, visited e active o link ainda fica sublinhado.

[inforsis 1]

xaviergxf, desculpe-me.

Cometi um erro acima, declarei duas propriedades text-decorantion.

 

Então você declara apenas uma propriedade seguida de um valor para mesma.

O problema é que os links sempre ficam sublinhados ,mesmo com esse tipo de css, enquanto era para estarem sublinhados apenas quando ocorresse o hover(passagem do mouse).

Apesar de eu utilizar o text-decoration:none; no link, visited e active o link ainda fica sublinhado.

Você fez da forma que citei acima?

[Maujor 144]

A ordem de declaração das propriedades para os estados dos links é importante.

Dela depende o funcionamento.

 

A ordem certa é: a:link - a:visited - a:hover - a:active.

 

Você usou: a:link - a:hover - a:visited - a:active e porisso não funciona.

 

Ver o título: "Prioridade nas declarações para links" neste tutorial sobre links

[inforsis 1]

Atentando ao post acima do Maujor estou editando o titulo do tópico mais uma vez.

 

Zerando as propriedades padrões. http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Prioridade nas declarações para links

 

xaviergxf, absorva o conteúdo do link que o Maujor recomendou, concerteza irá ser bem util.

 

Até Mais. http://forum.imasters.com.br/public/style_emoticons/default/natal_wink.gif