nicht angemeldet
Listen mit id und Vererbung
Gunnar BittersmannHallo alle zusammen,
Ich habe eine ul mit der id treemenu, und diese hat padding und margin 0. Warum muß ich, wenn ich in den verschachtelten Listen dieselben Abstände haben will, diese nochmal extra definieren?
Beispiel 1 (Werte vererben sich nicht in die verschachtelten Listen):
#treemenu {
padding: 0;
margin: 0;
}
Beispiel 2 (so geht's):
#treemenu, #treemenu ul {
padding: 0;
margin: 0;
}
Warum vererben sich diese Werte im Beispiel 1 nicht weiter in die verschachtelten Listen? Sollten sie das nicht tun?
Vielen Dank für eure Antwort.
Gerd
-
Hello out there!
padding: 0;
margin: 0;Warum vererben sich diese Werte […] nicht[…]? Sollten sie das nicht tun?
See ya up the road,
Gunnar--
„Und [dieses Forum] soll […] auch ein Fachforum bleiben und kein Psychologieforum werden.“ (Kirsten Evers)-
Hi Gunnar,
Danke für deine Antwort. Aber mir ist noch nicht ganz klar, warum sich die Werte dann von der zweiten auf die weiteren Listenelemente vererben?
<head>
<style type="text/css">
<!--
#treemenu {
padding: 0;
margin: 0;
}
#treemenu ul {
padding: 0 20px;
margin: 0;
}
-->
</style>
</head>
<body>
<ul id="treemenu">
<li>Testbutton 1</li>
<li>Testbutton 1</li>
<li>Testbutton 1
<ul>
<li>Testbutton 1
<ul>
<li>Testbutton 1
<ul>
<li>Testbutton 1</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</body>-
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.freundliche Grüße
Ingo-
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;
}-
Hi,
<div id="sidebar">
<ul id="treemenu">
<li>Testbutton 1
<ul>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.
nein. sitebar ul spricht wie gesagt *alle* ul innerhalb dieses divs an, während #treemenu nur diese eine ul anspricht.
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;
}das sind auch die hierzu richtigen Selektoren. Wo liegt Dein Problem?
freundliche Grüße
Ingo-
das sind auch die hierzu richtigen Selektoren. Wo liegt Dein Problem?
freundliche Grüße
IngoDie erste Version kam mir nur etwas umständlich vor. Bei der zweiten brauche ich ja dann eigentlich keine id für die Liste. Auf jeden Fall danke für die Klärung.
Herzliche Grüße,
Gerd
-
-
-
-
-