Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

José da Silvasauro

Diferentes links em uma palavra

Por , em Desenvolvimento frontend

Recommended Posts

José da Silvasauro    7

José da Silvasauro
Postado

Oi gente, sou iniciante e queria se é possivel fazer o seguinte:

 

Texto1 Texto2 Texto3

 

No texto 1 e 3 tem diferentes links, e no texto 2 nada mas qnd sobrepoem um o texto 2 tem efeito hover junto com ele, por exemplo:

 

Texto1 Texto2 Texto3 (qnd eu colocaria o mouse encima do texto 1, o texto 2 tem o efeito de hover junto com ele).

 

Texto1 Texto2 Texto3 (e assim qnd eu coloca o mouse no texto 3 o 2 vem junto tambem).

 

 

Isso é possivel?Se sim como?

Compartilhar este post

Link para o post
Compartilhar em outros sites

André do Vale    76

André do Vale
Postado

Pra pegar o anterior, que eu me recorde, só com javascript. Agora pra pegar o próximo irmão imediato use "+"

 

a.um:hover + a.dois { ... }

 

E para pegar todos os irmãos posteriores use "~":

 

a.um:hover ~ a { ... }

Compartilhar este post

Link para o post
Compartilhar em outros sites

José da Silvasauro    7

José da Silvasauro
Postado

É esse deu certo, tentei inventar para pegar o de traz mais não deu certo.

 

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<style>
a {
color:#FF0000;}
a:hover {
color:#000000;}
a.um:hover + a.dois { 
color:#000000; } 
a.tres:hover + a.dois { 
color:#000000; } 
</style>
<body>
<a href="#" class="um">Texto1</a> <a href="#" class="dois">Texto2</a> <a href="#" class="tres">Texto3
</a>
</body>
</html>

 

Queria saber como pegar o de traz e se é possivel o do meio pegar todos?

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito