Test Foro de elhacker.net SMF 2.1

Hola amigos. En el siguiente html
<p><a href="#">Enlace</a></p>
<p><span><a href="#">Enlace</a></span></p>
el código:
p a { color: red; }
Pone de color rojo los dos enlaces

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

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

Digamos que, ¿Y si tengo?

<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

Como dijistes que sólo al primero...

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

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

<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

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

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

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

Saludos