Hovering Over a Child Part to Change Parent?

[jbtman]

Hi There!

I was wondering if it were possible to change the attributes of a parent element when hovering over a child element inside the parent.

For instance if I had the following:

<div id="parent">
<a class="link" href="#"></a>
<div>

Could I hover over the link and then resize the div with CSS?

Thanks!!

 

[Vragabond]

No. It would indeed be useful to be able to do that, but unfortunately, it is not.

___________________________________________________________
[small]Do something about world cancer today: PACT[/small]

 

[BillyRayPreachersSon]

You'd have to use JavaScript, e.g.:

<div id="parent">
   <a class="link" href="#" [!]onmouseover="this.parentNode.className = 'hovered';" onmouseout="this.parentNode.className = '';"[/!]></a>
<div>

Hope this helps,
Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[Foamcow]

I might have dreamt it (I have odd dreams) but I think I read something about a CSS3? selector using the <

i.e.

parent<child {
  color:#f00;
}

Now I write it I'm more convinced it was a dream though.

<honk>*:O)</honk>

Tyres: Mine's a pint of the black stuff.
Mike: You can't drink a pint of Bovril.

 

[jbtman]

That's what I thought too BillyRay thanks!!