elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Como proteger una cartera - billetera de Bitcoin


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  como seleccionar en css
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: como seleccionar en css  (Leído 2,886 veces)
franfis

Desconectado Desconectado

Mensajes: 248



Ver Perfil
como seleccionar en css
« en: 16 Mayo 2013, 00:17 am »

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

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


En línea

Shell Root
Moderador Global
***
Desconectado Desconectado

Mensajes: 3.724


<3


Ver Perfil WWW
Re: como seleccionar en css
« Respuesta #1 en: 16 Mayo 2013, 00:26 am »

Código
  1. p:first-child a{ color:#FF0000; }


En línea

Te vendería mi talento por poder dormir tranquilo.
franfis

Desconectado Desconectado

Mensajes: 248



Ver Perfil
Re: como seleccionar en css
« Respuesta #2 en: 16 Mayo 2013, 00:38 am »

Digamos que, ¿Y si tengo?

Código:
<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
En línea

Shell Root
Moderador Global
***
Desconectado Desconectado

Mensajes: 3.724


<3


Ver Perfil WWW
Re: como seleccionar en css
« Respuesta #3 en: 16 Mayo 2013, 00:45 am »

Como dijistes que sólo al primero...

Código
  1. p{ padding:0; margin:0; }
  2. p a[href]{ color:#FF0000; }
En línea

Te vendería mi talento por poder dormir tranquilo.
franfis

Desconectado Desconectado

Mensajes: 248



Ver Perfil
Re: como seleccionar en css
« Respuesta #4 en: 16 Mayo 2013, 01:12 am »

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

Código:
<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
En línea

#!drvy
Moderador
***
Desconectado Desconectado

Mensajes: 5.855



Ver Perfil WWW
Re: como seleccionar en css
« Respuesta #5 en: 16 Mayo 2013, 01:35 am »

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

Código
  1. p > a {background:#000; color:#aaa;}

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

Saludos
En línea

Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines