Ver Mensaje Individual
  #5 (permalink)  
Antiguo 08/02/2014, 07:13
Avatar de pzin
pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 9 meses
Puntos: 2114
Respuesta: selecionar el primer elemento hijo no funciona

Cita:
Iniciado por azaz Ver Mensaje
Hola gracias a los dos, pzin eso es lo que queria solo el primer elemento p de su padre div con clase capa, descubri que que aparte de las opciones que me distes tambien es posible asin:

Código CSS:
Ver original
  1. .capa>p:first-child{
  2.      color:red;
  3. }
Según tu markup, hace lo mismo que tu primer código. Ya que los párrafos son hijos de .capa. Y > es un selector de hijos.

Es decir:
  • .capa>p afectaría a todos los párrafos
  • .capa>p:first-child() a todos los primeros párrafos que sean hijos de .capa
  • .capa p:first-child() a todos los primeros párrafos que sean descendientes de .capa

En tu caso, al ser todos los párrafos descendientes e hijos a la vez, no tiene sentido que digas que con eso funciona y con lo otro no.