como seleccionar en css

[franfis]

Hola amigos. En el siguiente html

Código [Seleccionar] Expandir

<p><a href="#">Enlace</a></p>
<p><span><a href="#">Enlace</a></span></p>
el código:

Código [Seleccionar] Expandir

p a { color: red; }
Pone de color rojo los dos enlaces

Código [Seleccionar] Expandir

p * a { color: red; }
Pone de color rojo solo el segundo enlace.
Pero como hago para hacer referencia solo al primer enlace.

[Shell Root]

Código (css) [Seleccionar] Expandir

p:first-child a{ color:#FF0000; }

[franfis]

Digamos que, ¿Y si tengo?

Código [Seleccionar] Expandir

<p><a href="#">Enlace</a></p>
<p><span><a href="#">Enlace1</a></span></p>
<p><span><a href="#">Enlace2</a></span></p>
<p><span><a href="#">Enlace3</a></span></p>
<p><span><a href="#">Enlace4</a></span></p>
  .
  .
  .
<p><span><a href="#">Enlace30</a></span></p>
Como selecciono los 30 enlaces? Gracias

[Shell Root]

Como dijistes que sólo al primero...

Código (css) [Seleccionar] Expandir

p{ padding:0; margin:0; }
p a[href]{ color:#FF0000; }

[franfis]

Hola Shell Root, perdona me equivoqué queria decir: 30 enlaces del primer tipo sin seleccionar el "Ultimo" así:

Código [Seleccionar] Expandir

<p><a href="#">Enlace1</a></p>
<p><a href="#">Enlace2</a></p>
<p><a href="#">Enlace3</a></p>
<p><a href="#">Enlace4</a></p>
  .
  .
  .
<p><a href="#">Enlace30</a></p>
<p><span><a href="#">Ultimo</a></span></p>

Gracias por la paciencia. Saludos

[#!drvy]

Tal y como lo has puesto... puedes aprovechar el span a tu favor..

Código (css) [Seleccionar] Expandir

p > a {background:#000; color:#aaa;}

Esto lo que hace es seleccionar solo los <a> que sean hijos directos de los <p>.

Saludos