Verwenden Sie CSS, um ul. Aufzählungsstile zu alternieren

8

Ich möchte Listen-style-type-Eigenschaften für ul-Listen alternieren, so dass die äußere eine Disk ist, dann ist eine innere ul-Liste ein Kreis, als eine innerere ist eine Disc, und so weiter.

Im Wesentlichen möchte ich Folgendes:

%Vor%

Wie würde ich dies mit CSS erreichen?

    
mc10 28.03.2011, 03:34
quelle

5 Antworten

14

So ...

%Vor%

Und so weiter ...

Die erste Ebene der Listenelemente hat den Typ "Kreis". Die zweite (eingebettete) wird "Discs" verwenden. Die dritte Ebene verwendet Quadrate.

Nehmen Sie einfach das obige CSS und ändern Sie die list-style nach Ihren Bedürfnissen. Sie können eine Liste von list-style -Typen hier finden: Ссылка

    
Matt van Andel 28.03.2011, 03:41
quelle
4

Sie können separate Stile verwenden, indem Sie class oder id zu den ul -Tags hinzufügen:

%Vor% %Vor%

Oder Sie könnten Stile zu ul s hinzufügen, je nachdem, wie sie verschachtelt sind:

%Vor%

Von meinem Kopf weg, so dass es einige kleinere Fehler geben könnte, aber beide Beispiele sollten grundsätzlich funktionieren.

    
NyanPrime 28.03.2011 03:47
quelle
2

Am besten geben Sie jedem Element mit unterschiedlichem Aufzählungstyp einen Klassennamen.

%Vor% %Vor%

Überprüfen Sie das Arbeitsbeispiel in Ссылка

    
Hussein 28.03.2011 03:46
quelle
0

Ich habe den Grund gefunden, warum ich doppelte Kugeln bekomme. Meine Listen sind nicht semantisch korrekt, daher erstellen sie mehrere Aufzählungszeichen.

Dies ist das richtige HTML:

%Vor%

Mit dem festen Code funktionieren die obigen Lösungen.

    
mc10 21.04.2011 19:15
quelle
0

Die einfache Antwort auf diese Frage ist nein, sie kann nicht konsistent durch CSS erreicht werden.

Du könntest etwas Javascript schreiben, um die Seite durchzublättern und im Grunde einen Stapel ULs zu verwalten, aber es wäre irgendwie schlampig und hackig. Es müsste so etwas sein.

%Vor%     
shortstuffsushi 23.04.2012 16:54
quelle

Tags und Links