Auflistung in Auflistung ansprechen

[steffen]

Hi Forumleser,

Ich habe 2 auflistungen:

<ul>
 <li>Google</li>
 <ul>
  <li>.de</li>
  <li>.com</li>
 </ul>
 <li>fireburn</li>
 <li>monster</li>
</ul>

Jetzt möchte ich dem ersten <ul><li></li></ul> per CSS eine eigenschaft geben und der 2ten Aufzählung eine andere.

Gebe ich der ersten aufzählung eine ID und sage:

ul#id li { .. } macht er das auf alle :( Wenn ich der 2ten Aufzählung auch eine ID nimmt er Trotzdem die werte von der ersten Aufzählung. Wie kann ich das lösen?

Danke für die Hilfe.

mfg steffen

[Orlando]

Hallo Steffen,

<ul>
<li>Google</li>
<ul>
  <li>.de</li>
  <li>.com</li>
</ul>
<li>fireburn</li>
<li>monster</li>
</ul>

Jetzt möchte ich dem ersten <ul><li></li></ul> per CSS eine eigenschaft geben

ul li { … }

und der 2ten Aufzählung eine andere.

ul li ul li { … }

Siehe SELFHTML, Formate für verschachtelte HTML-Elemente definieren

Grüße
 Roland

[Gunnar Bittersmann]

Orlando,
Da geb ich mir solche Mühe, nicht die fertige Lösung zu verraten …

Live long and prosper,
Gunnar

[Orlando]

Hallo Gunnar,

Da geb ich mir solche Mühe, nicht die fertige Lösung zu verraten …

Einzelkind? ;-)

Grüße
 Roland

[Gunnar Bittersmann]

Da geb ich mir solche Mühe, nicht die fertige Lösung zu verraten …

… wegen des Lerneffekts beim Selbermachen.

Einzelkind? ;-)

Ähm, ja. Wieso?

Live long and prosper,
Gunnar

[Orlando]

Hallo Gunnar,

Da geb ich mir solche Mühe, nicht die fertige Lösung zu verraten …

… wegen des Lerneffekts beim Selbermachen.

Jaja, hast ja Recht.

Einzelkind? ;-)

Ähm, ja. Wieso?

Weil du mir das Schäufelchen nicht gönnen willst.

Grüße
 Roland

[Gunnar Bittersmann]

Weil du mir das Schäufelchen nicht gönnen willst.

Warum musst _du_ das unbedingt haben? ;-)

Live long and prosper,
Gunnar

[Gunnar Bittersmann]

<ul>
<li>Google</li>
<ul>
  <li>.de</li>
  <li>.com</li>
</ul>
<li>fireburn</li>
<li>monster</li>
</ul>

Steffen,
Das ist nicht richtig: ul darf nur li enthalten, nicht ul. li seinerseits darf ul enthalten. Richtig ist:

<ul>  
 <li>Google  
  <ul>  
   <li>.de</li>  
   <li>.com</li>  
  </ul>  
 </li>  
 <li>fireburn</li>  
 <li>monster</li>  
</ul>

Gebe ich der ersten aufzählung eine ID und sage:
ul#id li { .. } macht er das auf alle :(

Ja, weil du den Nachfahrenselektor und nicht den Kindselektor verwandt hast. Nochmal in [CSS2 §5.5] und [CSS2 §5.6] nachlesen, oder in [SELFHTML] .

Wenn ich der 2ten Aufzählung auch eine ID nimmt er Trotzdem die werte von der ersten Aufzählung. Wie kann ich das lösen?

Mit dem Nachfahrenselktor (damit’s auch der IE versteht), der dir die Liste in der Liste selektiert.

Live long and prosper,
Gunnar