Gibt es eine effizientere Möglichkeit, sich mit mehreren Vorfahren zu bewältigen? ⇐ HTML

[Anonymous]

Gibt es ein prägnanteres Styling, das die Serie von Vorfahren in den CSS dieses Beispiels ersetzen kann? Vielleicht eine, die nicht aktualisiert werden müsste, wenn eine andere Nistung in das HTML des Managers hinzugefügt würde? < /P>
Danke. Es ist beabsichtigt, dem Benutzer einfacher zu machen, von einem Ort zum anderen zu springen, ohne die Menüs und verschachtelten Registerkarten für Notizbuch durchlaufen zu müssen. Die Klasse 'SEL' zeigt einen Schritt entlang des Navigationswegs an. Ich behalte die Wege unter jedem Dezisonpunkt, auch wenn der übergeordnete Punkt nicht mehr ausgewählt ist, so dass der übergeordnete und der vollständige Pfad zu seinem internen Anschluss geladen werden kann. Das Grün ist das aktuelle Display, weil es entlang des CSS-Anscestor-Pfades nach oben reicht. class = "Snippet-Code-CSS Lang-CSS PrettyPrint-Override">

Code: Select all

li.sel > div,
li.selection.sel {
color: red;
}

.manager > ul > li.sel > div,
.manager > ul > li.selection.sel,
.manager > ul > li.sel > ul > li.sel > div,
.manager > ul > li.sel > ul > li.selection.sel,
.manager > ul > li.sel > ul > li.sel > ul > li.sel > div,
.manager > ul > li.sel > ul > li.sel > ul > li.selection.sel,
.manager > ul > li.sel > ul > li.sel > ul > li.sel > ul > li.sel > div,
.manager > ul > li.sel > ul > li.sel > ul > li.sel > ul > li.selection.sel,
.manager > ul > li.sel > ul > li.sel > ul > li.sel > ul > li.sel > ul > li.sel > div,
.manager > ul > li.sel > ul > li.sel > ul > li.sel > ul > li.sel > ul > li.selection.sel {
color: green;
}< /code>

[list]
[*]
Group A.1

Item 1.1
[*]Item 1.2
[*]
Group A.2

Item 2.1
[*]Item 2.2
[*]
Group A.3

Item 3.1
[*]Item 3.2
[/list]





[*]
Group B.1
[list]
Item 1.1
[*]Item 1.2
[*]
Group B.2

Item 2.1
[*]Item 2.2
[*]
Group B.3

Item 3.1
[*]Item 3.2
[/list]





[*]
Group C.1
[list]
Item 1.1
[*]Item 1.2
[*]
Group C.2

Item 2.1
[*]Item 2.2
[*]
Group C.3

Item 3.1
[*]Item 3.2
[/list]