div.box div.links { display:none; }
div.box:hover div.links { display:inline; }On Mar 10, 9:13 am, P <pst...@gmail.com> wrote: > I have multiple divs on my page in which contains another div with > links. These links should be hidden by default but then displayed when > the mouse is over the div. > > HTML-code: > > <div class="box"> > Lorem ipsum > <div class="links"><a href="#">Foo</a> <a href="#">bar</a></div> > </div> > > <div class="box"> > Lorem ipsum 2 > <div class="links"><a href="#">Foo</a> <a href="#">bar</a></div> > </div> > > <div class="box"> > Lorem ipsum 3 > <div class="links"><a href="#">Foo</a> <a href="#">bar</a></div> > </div>
