Non-adjacent sibling combinator?

Hi www-style :)

I'd like to suggest the idea of a non-adjacent sibling combinator - as in a way
to select all other siblings of one element.

For instance, say the combinator was & (not sure this would be such a good
character though, with HTML escaping) - you could then do:


P.test & P { color: red; }

Which would result in:

<p>I would be red</p>
<p class="test">I wouldn't be red</p>
<p>I'd be red too</p>


This could lead to some very helpful hover effects being achieved, such as if
you had a navigation bar with a different background color for the link with the
current page, this would allow that color to be cleared when the user hovered
over any other link:

A:hover & A.selected { background-color: black; }

I've been trying to do something like this myself recently, but found no way to
select all other siblings. If there is a way, do tell :)

Anyway, just an idea - and keep up the excellent work on CSS :)

Cheers
--
Tom Gilder
tom@tom.me.uk

Received on Thursday, 16 May 2002 08:39:08 UTC