CSS LINK Interferindo no restante do site

[renan.miranda 0]

Saudações...

 

Amigos, estou com um problema chato, estou designando uma cor de link, hover, active para uma div, só que, esta afetando todos os outros links, inclusive fora da DIV...

 

Existe uma div chamada:

 

<div id='redes'>

 

</div>

 

e o CSS está:

#redes ul li a:link, a:visited {color: #999999; text-decoration: none; font-size: 14px;}

#redes {text-align: right; font-weight: normal}

#redes a:hover {color: #fd9105}

Ou seja... até onde eu sei, somente os links dentro dessa div deveriam adotar essas cores, mas todos os outros links estão "pegando" esses valores.

O que eu faço?

[fchagas97 2]

Amigo, tente isso:

#redes > ul > li > a:link, #redes > ul > li > a:visited { ... }
#redes > a:hover { ... }

[renan.miranda 0]

Deu certo amigo... agradeço... mas poderia só me explicar, qual a finalidade no sinal de > "maior" na sintaxe?

[fchagas97 2]

Opa amigo que bom que deu certo. Respondendo a sua pergunda, o seletor ">" serve para indicar que o elemento a direita é filho direto do elemento a esquerda. Isso quer dizer que aquele estilo será adicionado exatamente ao último elemento dessa série.