Untergeordnete Listen formatieren

html.de-Forum HTML, XHTML & CSS
1

Hallo!
Ich habe mit PHP ein mehr oder weniger dynamisches Menü geschrieben. Nun will ich das natürlich auch schöner machen. Ich habe also die „oberste“ Liste mit dem Index „menu“ versehen und meine CSS-Datei sieht bisher so aus:

/* Ein paar andere Formate... */
ul#menu {
 font-size: 0.91em;
 float: left;
 width: 12em;
 margin: 0 0 1.2em;
 padding: 0;
 border: 3px solid #CC3300;
 background-color: silver;
 position: fixed;
}

 ul#menu li {
  list-style: none;
  margin: 0;
  padding: 0.25em;
  background-color: grey;
 }

 ul#menu a {
  display: block;
  padding: 0.2em;
  font-weight: bold;
  font-decoration: none;
 }
/* Noch ein paar Angaben zu den Pseudoklassen */

Jetzt will ich die untergeordnete Liste z.B. so formatieren:

ul#menu [untergeordete ul] li {
 background-color: white;
}

Das ist zwar ein sehr spartanisches Beispiel, aber ich denke, es geht. Wie verweise ich jetzt auf die untergeordnete Liste?
Danke schonmal im Voraus
htmltroll

2

Im Prinzip hast du das schon richtig gemacht.

/* Matcht jedes <li> in jedem <ul> innerhalb von <ul id="menu"> */ ul#menu ul li { background-color: white; }

3

Achso, ich dachte das würde dann für li UND ul gelten, und nicht für li IN ul!
Danke!