css selectors
 

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

css selectors
 

lol. Wrong group.

css selectors
 

On 2007-04-17, Jon Slaughter wrote:

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

no.

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...

there's a way to do that, but what's the real problem.

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?

li.hover almost does what you want (where supported)


there's no parent selector.


http://css.maxdesign.com.au/selectutorial/
http://www.w3.org/TR/REC-CSS2/selector.html#q1

Bye.
Jasen