I really think it can't be done without CSS. The problem is how to select the parent element. Here is a Trial: http://jsbin.com/irobe3
__ Paulo Diovani Gonçalves http://diovani.com From: [email protected] [mailto:[email protected]] On Behalf Of Kevin A. Cameron Sent: Thursday, November 18, 2010 4:26 PM To: [email protected] Subject: Re: [Design with CSS 3094] control granularity of css hover with only css? .el .el:hover {hover change styles here} Kevin On Wed, Nov 17, 2010 at 4:16 AM, bryan <[email protected]> wrote: 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] -- -- 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] -- -- 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]
