Posted by Jon Slaughter on 04/17/07 21:58

Is it possible to refer to an a parent element and modify its attributes?

Say I have a ul with some links in it:

<ul>
<li>
SomeText
<a href="...">Link</a>
</li>
</ul


Now I want to change the color of SomeText depending on if a is hovered. (My
problem is more complicated than this so don't take this example at face
value... I know its easy to solve here but that is not what I'm asking)

so if I do something like

ul li a:hover
{

}

Then the style references everything in a. is there any way to tell it to
reference li instead?

I know in this example I can do it easy but in my problem I have nested ul's
and I need to change the color of a link in the first list when there is a
hover over a link in the second list(which is a sub list).

So essentially I want to change the color of a link when a completely
disjoint link is highlighted.

Is it possible with css?

Thanks,
Jon

• Next in forum: Re: cellpadding and cellspacing problem
• Prev in forum: Re: cellpadding and cellspacing problem
• Thread view: css selectors

[Reply to this message]