Changing from ID to Class

[Nevermoor]

I am trying to implement a nested menu adapted from

http://css.maxdesign.com.au/listamatic2/vertical03.htm

but am having problems because setting two nested menus to the same ID means my page no longer validates as HTML 4.01 t. I tried changing id= to class= and changing # to . in my style sheet, but that doesn't seem to work.

The only other idea I've had is to somehow apply the styles intended for the secondary menu only to unordered lists within unordered lists within the container div. Is that even possible in CSS 2.0?

 

[Vragabond]

You shouldn't have any problems if you change the id to class. From the CSS perspective, both selectors are equal, so your problem must have been somewhere else. Maybe you failed to change all the occurances of the id (#) selector in CSS.

As for your other idea, it is possible.

div#container ul ul {
  /* this applies to unordered lists within unordered lists within div with id="container" */
}

 

[Nevermoor]

Awesome... ul ul worked, and makes better semantic sense.