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


Tema destacado: Estamos en la red social de Mastodon


+  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 3,006 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.856



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:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
Como puedo seleccionar un directorio y visualizarlo en un listbox
Programación Visual Basic 		ELGRANSOLRAC 8 4,794 Último mensaje 24 Julio 2005, 22:26 pm
por ELGRANSOLRAC
Como seleccionar option en WebBrowser
.NET (C#, VB.NET, ASP) 		Luis Ismael 3 4,491 Último mensaje 17 Febrero 2011, 03:31 am
por Luis Ismael
Abrir seleccionar carpteas como si fuera vbmodal
Programación Visual Basic 		MandingoPC 4 2,835 Último mensaje 14 Diciembre 2011, 19:10 pm
por MandingoPC
Como seleccionar tipo de copia de seguridad en Windows 7
Windows 		d3xf4ult 1 2,655 Último mensaje 19 Abril 2012, 00:22 am
por d3xf4ult
Cómo probar y seleccionar los mejores DNS para tu PC
Noticias 		wolfbcn 0 1,603 Último mensaje 4 Diciembre 2018, 02:00 am
por wolfbcn
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines