Style first level of menu only

1.8k Views Asked by At

To style the first level of a menu i would think this code would work:

http://jsfiddle.net/2g36L/1/

Could someone please point out where I'm going wrong, thanks.

2

There are 2 best solutions below

1
j08691 On BEST ANSWER

It does, but since you've given no other color to the other elements they inherit the color you gave the top <ul> element. If you give the other <ul> a color, it works fine.

jsFiddle example.

0
Mike Brant On

Color is an inherited CSS trait, so even though you are declaring it only for the immediate UL beneath the div, it is being inherited by the nested elements.