Duda con first-child

[pzin]

Buenas,

¿Cómo podría aplicar first-child en éste caso primer elemento A de cada UL?

Código HTML:

<ul id="menu">
<li><a href="#">Uno</a></li>
<li><a href="#">Dos</a></li>
</ul> 

¿Funcionaría con poner #menu li a:first-child? No puedo probarlo ahora mismo, por eso pregunto, y si no lo hago se me olvidará la duda.

Un saludo y gracias.

[emiliodeg]

deberia ser

#menu li:first-child a {}

saludos

[Mikmoro]

Pues depende, pero teniendo en cuenta que cada "li" sólo tiene un "a", sería un poco innecesario. Sin embargo, si lo que quieres es afectar sólo al primer "li" debería ser:

ul#menu li:first-child {...

[willyfc]

Iniciado por Mikmoro

Pues depende, pero teniendo en cuenta que cada "li" sólo tiene un "a", sería un poco innecesario. Sin embargo, si lo que quieres es afectar sólo al primer "li" debería ser:

ul#menu li:first-child {...

perdón por la ignorancia que son first-child

[daPhyre]

CSS 3, si no mal recuerdo. Afecta solo al primero de sus hijos en una etiqueta, ejemplo:

Código HTML:

<div id="parrafos">
<p>parrafo 1</p>
<p>parrafo 2</p>
<p>parrafo 3</p>
</div> 

un #parrafos p:first-child solo afectaría al primero de todos los parrafos. Es es bueno si en algún punto el primer parrafo fuera cambiado, desplazado o similar.

De igual forma, hay un "last-child" si no mal recuerdo

[Mikmoro]

First-child es como dice su propia traducción literal: primer hijo.
Está en la especificación de CSS2, pero claro, IE6 no lo entiende, el resto sí

[willyfc]

gracias

[pzin]

Tal vez no me expliqué bien.

La regla debería de afectar solamente al enlace que hay en el primer LI de cada UL. Lo que no entiendo, es como aplicar esa regla al enlace. Aplicarla a LI no sería problema.

En el ejemplo que puse, sería por ejemplo aplicar un color rojo al enlace cuyo anchor es "Uno".

daPhyre no conocía el last-child. Que buena esa.

[Mikmoro]

Pues entonces:

ul#menu li:first-child a {...

[daPhyre]

Pero como ya dijeron, hay problemas con IE6 (IE7 no lo tenía también? )

Así que lo mejor sería darle una clase al primer li, y manipularlo directamente. Suerte