Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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?
É 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></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?
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 { ... }