ist das möglich, ohne Javascript-Hacks? so was:
<ul class="my_menu">
<li class="first"> ... </li>
<li> ... </li>
<li> ... </li>
<li class"with_sub"> ...
<ul class="my_menu_sub">
<li class="first"> ... </li>
<li> ... </li>
<li> ... </li>
<li class="last"> ... </li>
</ul>
</li>
<li> ... </li>
<li> ... </li>
<li class="last"> ... </li>
</ul>
Antworten:
Ein besserer und einfacherer Ansatz:
quelle
Hier ist ein grober Ausschnitt, der sich darum kümmert, die Menüausgabe zu ändern und die erste / letzte zur ersten und letzten Klasse hinzuzufügen (die äußere Klasse
ul
wird zu diesem Zeitpunkt nicht angewendet, zählt also nicht). Hinweis - benötigt PHP5 fürstrripos()
Ich bin ein bisschen festgefahren, wie es mit verschachtelten Listen umgehen soll, aber es sollte Ihnen zumindest den Einstieg erleichtern.
quelle
Hier ist eine Funktion, mit der nur die erste / letzte Klasse zu den übergeordneten Menüelementen hinzugefügt wird. Für die meisten CSS-Stile ist dies alles, was erforderlich ist.
quelle
Weitere Informationen zur neuen Menü-API in WordPress 3. Sie können jedem Element manuell eine eigene Klasse zuweisen. Einmal gemeistert, macht es das Bearbeiten von Menüs zum Vergnügen.
quelle
Wenn Sie verschachtelte Menüs haben
Ich mag die Einfachheit von Ismaeljs Antwort, aber es muss mehr geben, wenn Sie Untermenüklassen wollen.
quelle
Wenn Sie keine Unterstützung für IE8 oder niedriger benötigen, vergessen Sie nicht, dass Sie auch reines CSS verwenden können:
Die Unterstützung von jQuery-Browsern ist noch besser, aber es hört sich so an, als würden Sie versuchen, dies zu vermeiden.
quelle
Hier ist ein besserer Code zum Hinzufügen der ersten und letzten Menüelementklassen, der die Unterstützung für verschachtelte Untermenüs enthält.
Sie können den Kern finden hier und das zugehörige Tutorial hier .
quelle
Wie wäre es mit:
und vielleicht einige http://selectivizr.com/
quelle
<li>
in jeder ungeordneten Liste auf der Site formatieren, nicht nur im Menü. Es ist auch im Wesentlichen identisch mit dieser Antwort wordpress.stackexchange.com/a/63128/9844Reines CSS, funktioniert bei mir. Dies funktioniert auch mit Untermenüs
quelle