GerdB: Listen mit id und Vererbung

Beitrag lesen

Hi,

Aber mir ist noch nicht ganz klar, warum  sich die Werte dann von der zweiten auf die weiteren Listenelemente vererben?
sie vererben sich nicht!

#treemenu ul {
gilt für alle ul innerhalb des Elements mit der ID "treemenu".
Was Dir vorschwebt ist #treemenu>ul.

Nein. Ich versuch die Frage mal anders zu stellen. Hier siehst Du mein HTML-Konstrukt.

<div id="sidebar">
<ul id="treemenu">
 <li>Testbutton 1
 <ul>
  <li>Testbutton 1
  <ul>
   <li>Testbutton 1
   <ul>
    <li>Testbutton 1</li>
   </ul>
   </li>
  </ul>
  </li>
 </ul>
 </li>
</ul>
</div>

Warum erhalte ich verschiedene Ergebnisse, wenn ich sage

#sidebar ul {
 padding: 0;
 }
und

#treemenu {
 padding: 0;
 }

Ich bin der Meinung, dass ich mit beiden CSS Anweisungen ein und dieselbe Liste anspreche. Was ich will, ist: Sowohl die ul#treemenu als auch alle in ihr verschachtelten Listen sollen mit einer Anweisung auf padding:0 gesetzt werden. Bisher schaffe ich das nur mit

#treemenu, #treemenu ul {
 padding: 0;
 }

oder mit

#sidebar ul {
 padding: 0;
 }