Foros del Web » Creando para Internet » CSS »

comportamiento en estado hover

Estas en el tema de comportamiento en estado hover en el foro de CSS en Foros del Web. Hola, como estan? quisiera plantear una pregunta para el comportamiento hover de un elemento html tengo esta estructura <div> <a ></a> <p></p> </div> con este ...
  #1 (permalink)  
Antiguo 16/03/2009, 08:40
Avatar de punk567  
Fecha de Ingreso: octubre-2006
Ubicación: Montevideo
Mensajes: 265
Antigüedad: 11 años, 2 meses
Puntos: 5
comportamiento en estado hover

Hola, como estan? quisiera plantear una pregunta para el comportamiento hover de un elemento html

tengo esta estructura

<div>
<a ></a>
<p></p>
</div>

con este codigo css: div:hover p, div:hover a { .... }

desde <div> accedo de alguna manera a las propiedades de <a> y <p>

hay alguna posibilidad de acceder a <p> desde <a> ?

a:hover > body p ?, no he llegado a entender bien como se usa este selector : >

alguna ayuda?

saludos
  #2 (permalink)  
Antiguo 16/03/2009, 09:17
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: comportamiento en estado hover

Prueba:
a:hover + p (+=hermano adyacente)

Ten en cuenta que ni esto ni lo que tenías antes funcionará en IE6.
__________________
Visita mi nueva web idplus.org
  #3 (permalink)  
Antiguo 16/03/2009, 09:29
Avatar de punk567  
Fecha de Ingreso: octubre-2006
Ubicación: Montevideo
Mensajes: 265
Antigüedad: 11 años, 2 meses
Puntos: 5
Respuesta: comportamiento en estado hover

Gracias Mikmoro, IE 6 tiene muchas carencias

funciona en Ie7 y firefox..

y este selector: > , tienes algun ejemplo de como o donde se aplica?
  #4 (permalink)  
Antiguo 16/03/2009, 10:17
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: comportamiento en estado hover

Significa "hijo de..."

1.- <div><span></span></div>
2.- <span></span>
3.- <div><p><span></span></p></div>

div > span {color: #f00:}

1.- Sí se aplica.
2.- No se aplica
3.- No se aplica (hijo, pero no nieto)
__________________
Visita mi nueva web idplus.org
  #5 (permalink)  
Antiguo 16/03/2009, 10:28
Avatar de punk567  
Fecha de Ingreso: octubre-2006
Ubicación: Montevideo
Mensajes: 265
Antigüedad: 11 años, 2 meses
Puntos: 5
Respuesta: comportamiento en estado hover

a ok, entonces

div:hover > span seria un caso particular de

div:hover span

solamente para cuando span es hijo directo de div....

muchas gracias Mikmoro

saludos
  #6 (permalink)  
Antiguo 16/03/2009, 11:45
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: comportamiento en estado hover

Exacto, así es.

De nada, es un placer.

Saludos.
__________________
Visita mi nueva web idplus.org
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:33.