Foros del Web » Creando para Internet » CSS »

¿regla p > a no funciona apropiadamente?

Estas en el tema de ¿regla p > a no funciona apropiadamente? en el foro de CSS en Foros del Web. Saludos: Según esto el primer link <a> al ser descendiente de <p> e ir inmediatamente despues de la etiqueta <p> debe aparecer con fondo amarillo ...
  #1 (permalink)  
Antiguo 29/08/2007, 05:09
 
Fecha de Ingreso: junio-2003
Ubicación: Santiago de Compostela
Mensajes: 603
Antigüedad: 14 años, 6 meses
Puntos: 0
¿regla p > a no funciona apropiadamente?

Saludos:
Según esto el primer link <a> al ser descendiente de <p> e ir inmediatamente despues de la etiqueta <p> debe aparecer con fondo amarillo y color rojo no así el otro link puesto que aunque es descendiente de <p> no aparece inmediatamente despues de la etiqueta <p>.
Lo que sucede es que aparecen todos los enlaces <a> con la regla aplicada ¿por qué?

Tengo el siguiente codigo:

Código HTML:
<body>
<p><a href="#">En un lugar</a> de <a href="http://www.google.es">La Mancha</a> de cuyo nombre no quiero <a href="#">acordarme</a>, no ha mucho que vivia un hidalgo de los de lanza en astillero. Adarga antigua, roc&iacute;n flaco y galgo corredor.</p>
</body> 
y el siguiente estilo vinculado en un fichero css:

Código:
p > a {
    color:Red;
 background-color: Yellow;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 12px;
}
__________________

Espero haber aprendido algo de tí.
A mi padre.
  #2 (permalink)  
Antiguo 29/08/2007, 05:39
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 16 años, 3 meses
Puntos: 380
Re: ¿regla p > a no funciona apropiadamente?

Hola de nuevo,

la regla no indica al primer descendiente, si no a todos los descendientes directos del elemento. Ambos elementos a son descendientes directos (hijos) del elemento p.

Código:
<body>
<p>
<a href="#">En un lugar</a> de 
<span><a href="http://www.google.es">La Mancha</a></span> de cuyo nombre no quiero <a href="#">acordarme</a>, no ha mucho que vivia un hidalgo de los de lanza en astillero. Adarga antigua, roc&iacute;n flaco y galgo corredor.</p>
</body>
Así no aplicaría al segundo a al ser nieto del p
  #3 (permalink)  
Antiguo 29/08/2007, 06:05
 
Fecha de Ingreso: junio-2003
Ubicación: Santiago de Compostela
Mensajes: 603
Antigüedad: 14 años, 6 meses
Puntos: 0
Re: ¿regla p > a no funciona apropiadamente?

Entonces.... si tienes razon, no hay ninguna diferencia entre la regla
p a
y la regla
p > a
__________________

Espero haber aprendido algo de tí.
A mi padre.
  #4 (permalink)  
Antiguo 29/08/2007, 06:22
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 16 años, 3 meses
Puntos: 380
Re: ¿regla p > a no funciona apropiadamente?

Cita:
Iniciado por ciberpata Ver Mensaje
Entonces.... si tienes razon, no hay ninguna diferencia entre la regla
p a
y la regla
p > a
Sí que la hay. La primera regla (p a) selecciona cualquier a descendiente de cualquier nivel de p (hijos, nietos, biznietos...). Esta regla se aplicaría a todos los a del ejemplo que dejé en el mensaje anterior. Osea, afectaría también al a que está contenido en el span.

La segunda (p > a) sólo a los hijos.
__________________
Javascript Códigos - Bambú difunde
  #5 (permalink)  
Antiguo 29/08/2007, 06:47
 
Fecha de Ingreso: junio-2003
Ubicación: Santiago de Compostela
Mensajes: 603
Antigüedad: 14 años, 6 meses
Puntos: 0
Re: ¿regla p > a no funciona apropiadamente?

Gracias es que estaba consultando un manual de libros web y está mal explicado.
__________________

Espero haber aprendido algo de tí.
A mi padre.
  #6 (permalink)  
Antiguo 29/08/2007, 06:50
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 16 años, 3 meses
Puntos: 380
Re: ¿regla p > a no funciona apropiadamente?

No hay de qué

Saludos
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 09:33.