renan.miranda 0 Denunciar post Postado Fevereiro 15, 2016 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? Compartilhar este post Link para o post Compartilhar em outros sites
fchagas97 2 Denunciar post Postado Fevereiro 15, 2016 Amigo, tente isso: #redes > ul > li > a:link, #redes > ul > li > a:visited { ... } #redes > a:hover { ... } Compartilhar este post Link para o post Compartilhar em outros sites
renan.miranda 0 Denunciar post Postado Fevereiro 16, 2016 Deu certo amigo... agradeço... mas poderia só me explicar, qual a finalidade no sinal de > "maior" na sintaxe? Compartilhar este post Link para o post Compartilhar em outros sites
fchagas97 2 Denunciar post Postado Fevereiro 16, 2016 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. Compartilhar este post Link para o post Compartilhar em outros sites