• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Untergeordnete Listen formatieren

htmltroll

Neues Mitglied
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:
Code:
/* 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:
Code:
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
 
Im Prinzip hast du das schon richtig gemacht.

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