Better markup for sidebar menu items

[trusktr]

Feature request

The markup in the sidebar has uls, lis, ps, and as, but without any semantic classes.

I'd like to be able to more easily style the menu levels.

For example, to achieve something like this:

What problem does this feature solve?

Currently, to do this, we have to write CSS like this:

ul > li > p {
  /* style first level */
}

ul > li > ul > li p {
  /* style second level */
}

/* etc */

What does the proposed API look like?

It may be cleaner to have classes, like

.menu-level1 {
  /* style first level */
}

.menu-level2 {
  /* style second level */
}

or similar. Thoughts?