hover che ha effetto su un altro div

**davidinho** · 20-11-2010, 01:54

è possibile utilizzare la pseudoclasse hover attivata su un div, che però ha effetto su un altro???
ad esempio se vado col mouse sul div con classe .prova mi cambia il colore del div .colore ...
è possibile??

**codencode** · 20-11-2010, 11:34

CASO 1: CSS versione inferiore alla 3
Si, a patto che il div a cui associ la pseudoclasse :hover contenga quello a cui vuoi cambiare il colore. In questo caso:

codice:

div.prova:hover div.colore {
     color: ...;
}

CASO 2: CSS versione 3
Si, utilizzando target (vedi esempi sul web)

CASO 3: Javascript
Si, agendo sul DOM e cambiando le proprietà degli elementi come serve.

**davidinho** · 20-11-2010, 18:30

ma l'effetto di queste tre tecniche è identico???
se si mi conviene utilizzare la prima cosi dovrebbe funzionare anche su browser più datati giusto???
però non ho capito bene, la prima tecnica, cioè io ad esempio ho fatto:

codice:

<html>
<head>
<style>
.prova{
height:100px;
width:100px;
background-color:black;
}

.cambia{
height:100px;
width:100px;
background-color:blue;
}
.prova:hover .cambia{
background-color:red;
}

</style>
</head>
<body>
<div class="prova"></div>
<div class="cambia"></div>
</body>
</html>

ma l'effetto è che andando su qualsiasi div non cambia nulla...

EDIT: ho trovato, non avevo letto bene il messaggio, inserendo il div con classe cambia dentro quello prova funziona, comunque la mia domanda di prima vale sempre:
il miglior metodo risulta questo(il primo) per quanto riguarda la compatibilità???

**davidinho** · 21-11-2010, 21:15

Originariamente inviato da codencode
CASO 2: CSS versione 3
Si, utilizzando target (vedi esempi sul web)

scusate ma io da quello che ho visto sul web con target si possono modificare gli elementi puntati dall'ancora interna selezionata, e quindi solo dopo il click... o c'è un altro modo???

**codencode** · 22-11-2010, 12:27

Per quanto riguarda la compatibilità si, meglio il CASO 1. Comunque anche con Javascript non è male, dal momento che, in assenza di JS, non credo si comprometta il funzionamento del sito ma solo quello di un effetto.

Discussione: hover che ha effetto su un altro div

Strumenti discussione

Ricerca discussione

Visualizza

hover che ha effetto su un altro div

Permessi di invio