¿Es eso posible, sin jacks javascript? Me gusta esto:
<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>
Respuestas:
Un enfoque mejor y más simple:
fuente
Aquí hay un fragmento aproximado que se encarga de modificar la salida del menú y agregar primero / último a la primera y última clase (el exterior
ul
no se aplica en esta etapa, por lo que no cuenta). Nota: requiere PHP5 parastrripos()
Estoy un poco atascado con cómo hacer que maneje listas anidadas, pero al menos debería ayudarlo a comenzar.
fuente
Aquí hay una función para agregar solo las primeras / últimas clases a los elementos del menú principal. Para la mayoría de los estilos CSS, esto es todo lo que se necesita.
fuente
Obtenga más información sobre la nueva API de menús en wordpress 3. Puede asignar manualmente cualquier elemento a su propia clase. Además, una vez dominado, hace que los menús sean una alegría para editar.
fuente
Si tienes menús anidados
Me gusta la simplicidad de la respuesta de Ismaelj, pero debe haber más si quieres clases de submenú.
fuente
Si no necesita soporte para IE8 o inferior, no olvide que también puede usar CSS puro:
La compatibilidad con el navegador jQuery es aún mejor, pero parece que estás tratando de evitar eso.
fuente
Aquí hay un código mejor para agregar las primeras y últimas clases de elementos de menú que incluye soporte para submenús anidados.
Puede encontrar la esencia aquí y el tutorial asociado aquí .
fuente
Qué tal si:
y tal vez algunos http://selectivizr.com/
fuente
<li>
en cada lista desordenada del sitio, no solo en el menú. También es sustancialmente idéntico a esta respuesta wordpress.stackexchange.com/a/63128/9844CSS puro, funciona para mí. Esto funcionará con submenús también
fuente