Mehrfachverschachtelungen

[Viennamade]

Hallo liebe Forumer!

Ich glaube nicht, daß Mehrfachverschachtelungen möglich sind:

OK,
ul li {...} ... für li innerhalb ul
ul>li {...} ... für li welches ul unmittelbar folgen,

aber,
ul>ul li {...}  für li der "2. Ebene" geht nicht.
ul>li>ul>li     detto nicht.

Also bei

Deutschland
 -Baden-Württemberg
   -Karlsruhe
   -Stuttgart

muß ich für die "2. Ebene", also Karlsruhe und Stuttgart, auf die HTML-Attribute class oder id zurückgreifen. Ohne die gehts nicht, weil man in CSS nicht mehrfache Verschachtelungen ausdrücken kann.
Sehe ich das richtig, oder habe ich es noch immer nicht verstanden?

Beste Grüße
Viennamade

[Jeena Paradies]

Hallo,

Sehe ich das richtig, oder habe ich es noch immer nicht verstanden?

Ich glaube du hast es immer noch nicht verstanden:

ul ul li   /* das li welches in einer Liste drin ist welche innerhalb einer anderen Liste steckt */

war es das was du wolltest oder habe ich dich nicht verstanden? Übrigens wenn ja kannst du dir das live hier ansehen: http://jeenaparadies.de/test/guyana/ Das Menü hat einen Punkt welcher Unterpunkte hat die anders formatiert sind.

Grüße
Jeena Paradies

[Henryk Plötz]

Moin,

Ich glaube nicht, daß Mehrfachverschachtelungen möglich sind:

Doch, geht.

ul>ul li {...}  für li der "2. Ebene" geht nicht.

Das geht mit validem Quellcode nicht.

ul>li>ul>li     detto nicht.

Das geht.

Sehe ich das richtig, oder habe ich es noch immer nicht verstanden?

Offenbar letzteres. CSS ist eine Sprache die durch eine Grammatik gegeben ist (naja, mehr oder weniger). Das schöne daran ist: Wenn du einen gültigen Ausdruck der Grammatik hast und eine gültige Regel der Grammatik anwendest kriegst du immer wieder einen gültigen Ausdruck der Grammatik.

A>B ist immer ein gültiger Selektor, wenn A und B gültige Selektoren sind. ul>li ist ein gültiger Selektor. Go figure.

[Viennamade]

Hallo!

Ich glaube nicht, daß Mehrfachverschachtelungen möglich sind:
Doch, geht.

ul>li>ul>li
Das geht.

Sehe ich das richtig, oder habe ich es noch immer nicht verstanden?
Offenbar letzteres. CSS ist eine Sprache die durch eine Grammatik gegeben ist (naja, mehr oder weniger). Das schöne daran ist: Wenn du einen gültigen Ausdruck der Grammatik hast und eine gültige Regel der Grammatik anwendest kriegst du _immer_ wieder einen gültigen Ausdruck der Grammatik.

Danke an alle Helfer hier! Funktioniert jetzt bestens so:

ul.linklist {padding-left:0;margin-left:0;list-style-position:outside;list-style-type:none;list-style-image:none;}
  ul.linklist li ul li {background-image:url(../graphics/x22.gif);background-repeat:no-repeat;background-position:2px 4px;border:none;padding-left:17px;list-style-type:none;}

Wenn ich die '>' im Selektor reingebe, dann funktioniert es leider im IE nicht (wie Schwarze Piste anmerkte).

Ihr habt mir sehr geholfen.
Viennamade

[Thomas J.S.]

Hallo,

ul>ul li {...}  für li der "2. Ebene" geht nicht.

Das geht mit validem Quellcode nicht.

<korintenkackerei>
  Das geht mit validem HTML-Quellcode nicht.
</korintenkackerei>

*scnr* ;-)

Grüße
Thomas

[schwarze Piste]

Tachchen!

ul>li {...} ... für li welches ul unmittelbar folgen,
ul>li>ul>li     detto nicht.

Du weißt aber schon, dass das lämgst nicht alle Browser wissen?

Zur Not funktioniert ul li ul li {...} sicher.

Gruß

Die schwarze Piste

[MudGuard]

Hi,

Zur Not funktioniert ul li ul li {...} sicher.

Wobei aber zu beachten ist, daß das auch

<ul><li><ul><li><ul><li>dieses Element</li></ul></li></ul></li></ul>
oder
<ul><li><ol><li><ul><li>dieses Element</li></ul></li></ol></li></ul>
oder
<ul><li><ul><li><ol><li>dieses Element</li></ol></li></ul></li></ul>
oder
<ul><li><div><ul><li>dieses Element</li></ul></div></li></ul>

formatiert (weitere Schachtelungen erspar ich mir, sind aber auch möglich),
was bei ul>li>ul>li nicht der Fall wäre.

cu,
Andreas