you would need an extra class ... so taking Paulo's example (http://
jsbin.com/irobe3 )
<style type="text/css">
.el {
background-color: white;
border: 4px solid black;
padding: 10px;
max-width: 200px;
}
.in:hover {
background-color: blue;
}
</style>
<div class="el">
<div class="el in">
</div>
</div>
On Nov 18, 12:15 pm, "Paulo Diovani" <[email protected]> wrote:
> 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çalveshttp://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]
