On 7/20/06, Abel Sutilo <[EMAIL PROTECTED]> wrote:
>
> XHTML:
> <ul>
> <li><a href="#">Item 1</a></li>
> <li><a href="#">Item 2</li>
> <ul>
> <li><a href="#">Item 2.1</a></li>
> <li><a href="#">Item 2.2</a></li>
> </ul>
> <li><a href="#">Item 3</a></li>
> etc...
> </ul>
Un toque de advertencia: En Strict este código es inválido (en
Transitional no lo sé, pero lo apunto por si las moscas), los LI
deberían contener a la lista anidada:
<li>item 2
<ul>
<li>item 2.1</li>
<li>item 2.2</li>
</ul>
</li>
<li>item 3</li>
> Problema:
> El prolema es que aquellos Items que preceden a la lista anidada llevan
> un diseño diferente a aquellos que no preceden a una lista anidada [1]
> (luego los valores de "ul li a{}" no nos valen para el Item 2 en este
> ejemplo.
>
> La pregunta:
> <strong>Sin usar id o class, ¿cómo "recorcholis" puedo pintar dicho Item
> que precede a la sublista de manera diferente?</strong>
> ¿Alguna pseudoclase tipo :first-child pero a la inversa? No encontré
> nada en la especificación CSS2.
Creo que no. Muchas veces he querido hacerlo y al final siempre he
tirado de id o class... Con lo "fácil" que sería hacer unos operadores
de selectores como:
< (en contraposición a >):
li < ul { /* pondría en negrita los LI padres de un UL */
font-weight: strong;
}
- (en contraposición a +):
li - li { /* pintaría de verde todos los LI que tuvieran un hermano
menor (algo así como todos menos el :last-child */
color: green;
}
obviamente, si algún dia se añade a la especificación, IE no hará ni caso :D
saludos
--
Si no puedes deslumbrar con tu inteligencia,
desconcierta con tus gilipolleces
_______________________________________________
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
