Salve a tutti
vi spiego prima la struttura dei miei div:
codice HTML:
<div id=1>
 <a href=#>
   <div id=2>
      <div id=3></div>
      <div id=4></div>
   </div>
 </a>
</div>
siccome ho un ciclo in php questi div hanno una funzione tipo "i post di facebook" per intenderci.
Il secondo div (cioè id=2) è all'interno di un
codice HTML:
<a href=#></a>
. Quello che vorrei creare è che al passaggio del mouse al secondo div appare un bordo.
Il problema è che se scrivo:
codice HTML:
<style type="text/css">
#2 a:hover{} /*non funziona perché ovviamente non si trova all'esterno del div*/
#1 div:hover{}/*funziona però oltre a darmi i bordi di (id=2) mi da anche i bordi dei div sottostanti ovvero 3 e 4*/
</style>
come faccio a ovviare questo problema? possibilmente lasciando all'esterno <a>