Foros del Web » Creando para Internet » CSS »

Duda con first-child

Estas en el tema de Duda con first-child en el foro de CSS en Foros del Web. 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= "#" ...
  #1 (permalink)  
Antiguo 18/11/2008, 16:10
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.460
Antigüedad: 15 años, 4 meses
Puntos: 2097
Duda con first-child

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.
  #2 (permalink)  
Antiguo 19/11/2008, 09:45
Avatar de emiliodeg  
Fecha de Ingreso: septiembre-2005
Ubicación: Córdoba
Mensajes: 1.830
Antigüedad: 12 años, 3 meses
Puntos: 54
Respuesta: Duda con first-child

deberia ser

#menu li:first-child a {}

saludos
__________________
Degiovanni Emilio
developtus.com
  #3 (permalink)  
Antiguo 19/11/2008, 11:24
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Duda con first-child

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 {...
__________________
Visita mi nueva web idplus.org
  #4 (permalink)  
Antiguo 19/11/2008, 11:33
Avatar de willyfc  
Fecha de Ingreso: octubre-2008
Ubicación: Santa Cruz - Bolivia
Mensajes: 662
Antigüedad: 9 años, 2 meses
Puntos: 40
Respuesta: Duda con first-child

Cita:
Iniciado por Mikmoro Ver Mensaje
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
  #5 (permalink)  
Antiguo 19/11/2008, 12:02
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 9 años, 9 meses
Puntos: 142
Respuesta: Duda con first-child

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
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...
  #6 (permalink)  
Antiguo 19/11/2008, 12:05
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Duda con first-child

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í
__________________
Visita mi nueva web idplus.org
  #7 (permalink)  
Antiguo 19/11/2008, 12:07
Avatar de willyfc  
Fecha de Ingreso: octubre-2008
Ubicación: Santa Cruz - Bolivia
Mensajes: 662
Antigüedad: 9 años, 2 meses
Puntos: 40
Respuesta: Duda con first-child

gracias
  #8 (permalink)  
Antiguo 19/11/2008, 15:37
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.460
Antigüedad: 15 años, 4 meses
Puntos: 2097
Respuesta: Duda con first-child

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.
  #9 (permalink)  
Antiguo 19/11/2008, 16:05
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Duda con first-child

Pues entonces:

ul#menu li:first-child a {...
__________________
Visita mi nueva web idplus.org
  #10 (permalink)  
Antiguo 19/11/2008, 22:03
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 9 años, 9 meses
Puntos: 142
Respuesta: Duda con first-child

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
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:48.