Question

I have a couple of nested divs and have set a CSS class for one of the interior divs. How would I go about setting off the hover version of the class (class.hover) when the user hovers of the outer div, but not necessarily over the interior div’s area.

I’m assuming this has to be done via JavaScript. I need some inputs with this.

Thanks

Answer 1

If I have understood your question correctly, you can do it with pure CSS:

CSS:

.outer:hover .inner
{
   // Your hover style here
}

HTML:

<div class="outer">
   <div class="inner">Button text</div>
</div>