nested list items driving me mad

[esllou]

right, I want to format the nested list items from here:

<ul>
<li>Widgets</li>
<ul>
<li>Widgets: red</li>
<li>Widgets: green</li>
<li>Widgets: blue</li>
</ul>

all in a cell called "products"

I have tried:

#products ul li ul li{
font-size:1.9em;
color:red;
}

and every permutation of ul and li known to man, except the right one of course. Can someone put me out of my misery?

[tedster]

Your html is a bit flawed -- the "nested" <ul> needs to be WITHIN an <li></li> element, but in your example it is not. Try something along these lines:

<ul>
<li>Widgets
<ul>
<li>Widgets: red</li>
<li>Widgets: green</li>
<li>Widgets: blue</li>
</ul>
</li>
</ul>

[esllou]

thanks for that. I was saying, with my CSS, look for an unordered list which is within a list item...and because I had already closed the list item, it wasn't "within" it.

something like that? My CSS syntax is horrid sometimes. Thanks again.