Hi, I am looking for a way to control the granularity of hovering, so that when I hover on an element that is inside of another element that has a hover capability the innermost elements hover is the one that gets done and the rest of the hover effects do not. For example - given the following:
<div class="el"> <p>hi</p> <div class="el"> <p>bye</p> </div> </div> And I hover over the second div I want my hover effects to only work for that div. This presumes that I am doing hovering on div with class="el" of course. For the purpose of understanding the possible solutions they don't have to work cross-browser or anything. Note this also presumes not using javascript to attach a mouseover handler on every div with class = "el" although I suppose that is what I will end up doing in the end. -- -- You received this because you are subscribed to the "Design the Web with CSS" at Google groups. To post: [email protected] To unsubscribe: [email protected]
