¿regla p > a no funciona apropiadamente?

ciberpata · #1 (**permalink**) 29/08/2007, 04:09

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;
}

tunait · #2 (**permalink**) 29/08/2007, 04:39

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

ciberpata · #3 (**permalink**) 29/08/2007, 05:05

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

tunait · #4 (**permalink**) 29/08/2007, 05:22

Cita:

Iniciado por ciberpata

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.

ciberpata · #5 (**permalink**) 29/08/2007, 05:47

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

tunait · #6 (**permalink**) 29/08/2007, 05:50

No hay de qué

Saludos