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)
| | |-+  [CSS]Afectar padre con hover de hijo		0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: [CSS]Afectar padre con hover de hijo  (Leído 5,064 veces)
SrTrp


Desconectado Desconectado

Mensajes: 327


Script/C#


Ver Perfil
[CSS]Afectar padre con hover de hijo
« en: 13 Septiembre 2020, 05:18 am »
Buenas lo que quiero es cambiar el color del body o algun padre pasando el mouse sobre el hijo, eh estado buscando información y no encuentro no se si es posible..
Dejo lo que eh probado:
Código
  1. td div:hover body{	
  2. 	color:#b42803;
  3. }
  4.  
Cabe resaltar que esto me funciona en los hijos..
En línea
BloodSharp


Desconectado Desconectado

Mensajes: 812


¡ Hiperfoco !


Ver Perfil WWW
Re: [CSS]Afectar padre con hover de hijo
« Respuesta #1 en: 13 Septiembre 2020, 06:48 am »
Código
  1. <!DOCTYPE html>
  2. <html lang="es">
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <title>Document</title>
  7.     <style>
  8.         #parent
  9.         {
  10.             color: red;
  11.         }
  12.  
  13.         #child
  14.         {
  15.             color: indigo;
  16.         }
  17.     </style>
  18. </head>
  20.     <a id="parent" href="#">
  21.         Parent text
  22.         <span id="child">Child text</span>
  23.     </a>
  24.     <script>
  25.         parent = document.getElementById("parent")
  26.         child = document.getElementById("child")
  27.  
  28.         function change_parent_black()
  29.         {
  30.             parent.style.color = "black"
  31.         }
  32.  
  33.         function change_parent_red()
  34.         {
  35.             parent.style.color = "red"
  36.         }
  37.  
  38.         child.addEventListener("mouseover", change_parent_black);
  39.         child.addEventListener("mouseout", change_parent_red)
  40.     </script>
  41. </body>
  42. </html>


B#
En línea


SrTrp


Desconectado Desconectado

Mensajes: 327


Script/C#


Ver Perfil
Re: [CSS]Afectar padre con hover de hijo
« Respuesta #2 en: 13 Septiembre 2020, 22:17 pm »
Gracias gracias, una pregunta solo se puede lograr con JS?, no hay posibilidad de solo usar CSS
En línea
EdePC
Moderador Global
***
Desconectado Desconectado

Mensajes: 2.165



Ver Perfil
Re: [CSS]Afectar padre con hover de hijo
« Respuesta #3 en: 13 Septiembre 2020, 22:31 pm »
Se están empezando a implementar soluciones en CSS pero aún no son compatibles con los navegadores: https://stackoverflow.com/questions/1014861/is-there-a-css-parent-selector
En línea
SrTrp


Desconectado Desconectado

Mensajes: 327


Script/C#


Ver Perfil
Re: [CSS]Afectar padre con hover de hijo
« Respuesta #4 en: 14 Septiembre 2020, 02:20 am »
Cita de: EdePC en 13 Septiembre 2020, 22:31 pm
Se están empezando a implementar soluciones en CSS pero aún no son compatibles con los navegadores: https://stackoverflow.com/questions/1014861/is-there-a-css-parent-selector
Gracias!
En línea
Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
funcion recursiva de hijo a padre « 1 2 »
PHP 		satan69 18 11,510 Último mensaje 30 Octubre 2010, 12:04 pm
por Xt3mP
Un padre contrata a sicarios en un juego para que 'maten' a su hijo
Noticias 		wolfbcn 9 3,633 Último mensaje 5 Enero 2013, 15:40 pm
por WIитX
impimir estructura de datos padre e hijo
Programación General 		ricardo07 5 2,552 Último mensaje 3 Julio 2013, 05:46 am
por El Benjo
Hover de elemento hijo
Desarrollo Web 		kakashi20 2 1,928 Último mensaje 9 Enero 2016, 03:11 am
por xiruko
La Justicia hace responsable a un padre por las descargas piratas de su hijo
Noticias 		wolfbcn 1 1,598 Último mensaje 3 Marzo 2017, 22:28 pm
por --<<<@u6u$t0>>>--
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines