To style the first level of a menu i would think this code would work:
Could someone please point out where I'm going wrong, thanks.
Asked
Active
Viewed 1,794 times
0
-
Would it be acceptable to add a class to the first level `li` elements? – Chris Laplante Aug 15 '12 at 20:45
-
It's called inheritance. CSS is very good at it. – TheZ Aug 15 '12 at 20:45
-
I just updated the example, and yes i'm trying the first level of li but doesn't seem to work, can u have a play with the code, thanks. – Paul Mason Aug 15 '12 at 20:47
-
It works as supposed. If you want to select only second menu try for selector `li > ul` – Sotiris Aug 15 '12 at 20:52
2 Answers
3
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.
j08691
- 204,283
- 31
- 260
- 272
-
+1 - Your solution is fine, but I would do it like this: `ul {}` for the first level and `ul > li > ul {}` for the second level. As in your style the second level gets the default style for all other `ul`s on the page. And also the hierarchy gets a little clearer. And yes, it's also in my example the case that the first level `ul` gets the default `ul`, but maybe this is useful or you could add a `div > […]` to both if applicable. – insertusernamehere Aug 15 '12 at 20:52
1
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.
Mike Brant
- 70,514
- 10
- 99
- 103