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]