Saludos,

Vuelvo con todo un clásico, pero con un tema muy concreto al respecto. 
La idea es controlar todos los ítems de la lista sin usar id o class. El 
problema: cómo "pintar" de manera diferente el item que precede a la 
sublista (en el ejemplo Item 2). Más detalles:

EL BOCETO:
http://www.abelsutilo.com/documentos/ovillo/sublista/sublista.gif
Tenemos 3 estados genéricos en los items, como podéis ver:
1. Enlace "normal"
2. Enlace  "cabecera de submenú" (<li> que predece a la sublista)
3. Enlaces del submenú

EL PROBLEMA:
En el caso que me ocupa no puedo controlar el XHTML con clases o 
identificadores ya que el código del menú se genera dinámicamente. Hay 
que preveer incluso que el menú crezca en opciones y sublistas (pero eso 
lo hablamos en otro mensaje más adelante xD).
Tenemos que enfrentarnos al código pelado...:
<ul>
<li>Item 1</li>
<li>Item 2</li>
    <ul>
    <li>Item 2.1</li>
    <li>Item 2.2</li>
    </ul>
<li>Item 3</li>
etc...
</ul>
...y controlarlo desde CSS.

TEORÍAS PERSONALES (inventiva al poder):
Desde CSS se puede "pintar" perfectamente los ítems de la sublista. Por 
ello se me ocurrió pensar que quizás podía existir una pseudoclase como 
:first-child pero a la inversa. Es decir, en vez de controlar al primer 
hijo, controlas al padre desde dicho hijo...

¿Mi imaginación va más allá de CSS o existe algo así? No encontré nada 
en la especificación. ¿Qué solución le veis? Gracias por la ayuda.

--
Abel
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Responder a