A simple selector problem

Hi there,

I'm relatively new to CSS and having a difficult time with something that
should be simple. I've searched this group for answers to this problem, but
am afraid I haven't been able to find anything. It's probably just over my
head.

The problem is that I have a <li> which includes a nested <ul> with it's own
<li>'s. I want to select the original <li>, but can't seem to do it without
also selecting the nested <ul>'s <li>s. Here's the html/style
http://www.hamneggs.net/visionact/horiz_brief.html

Thanks so much for any advice,
Elizabeth

[Stephen Poley]

On Wed, 09 Nov 2005 04:17:51 GMT, <yo********@earthlink.net> wrote:

Hi there,

I'm relatively new to CSS and having a difficult time with something that
should be simple. I've searched this group for answers to this problem, but
am afraid I haven't been able to find anything. It's probably just over my
head.

The problem is that I have a <li> which includes a nested <ul> with it's own
<li>'s. I want to select the original <li>, but can't seem to do it without
also selecting the nested <ul>'s <li>s. Here's the html/style
http://www.hamneggs.net/visionact/horiz_brief.html

You have "div#nav li.who a" which selects all <a> elements which are
descendants of li.who. You want the child selector: div#nav li.who > a

Actually I'd suggest using just: .who > a

Sadly however still not supported (AFAIK) by any of the myriad versions
of IE. So if you care about IE victims than you need to add an extra
class to your top-level <a> elements.

--
Stephen Poley

http://www.xs4all.nl/~sbpoley/webmatters/

[Spartanicus]

<yo********@earthlink.net> wrote:

The problem is that I have a <li> which includes a nested <ul> with it's own
<li>'s. I want to select the original <li>, but can't seem to do it without
also selecting the nested <ul>'s <li>s.

You'd need the child selector ">" for that which is not supported by IE.
To get around that you could specify a class for the <li>s you want to
target, or, depending on what you want to do, you may be able to use
multiple descendant selectors, for example like so:

ul li{color:green}
li li{color:black}

--
Spartanicus

Thanks so much. I did end up specifying a class for the <li> I was
targeting.

Elizabeth

"Spartanicus" <in*****@invalid.invalid> wrote in message
news:mf********************************@news.spart anicus.utvinternet.ie...

<yo********@earthlink.net> wrote:

The problem is that I have a <li> which includes a nested <ul> with it's own<li>'s. I want to select the original <li>, but can't seem to do it withoutalso selecting the nested <ul>'s <li>s.

You'd need the child selector ">" for that which is not supported by IE.
To get around that you could specify a class for the <li>s you want to
target, or, depending on what you want to do, you may be able to use
multiple descendant selectors, for example like so:

ul li{color:green}
li li{color:black}

--
Spartanicus