Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: SrTrp en 13 Septiembre 2020, 05:18 am


Título: [CSS]Afectar padre con hover de hijo
Publicado por: SrTrp 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..

Título: Re: [CSS]Afectar padre con hover de hijo
Publicado por: BloodSharp 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#

Título: Re: [CSS]Afectar padre con hover de hijo
Publicado por: SrTrp en 13 Septiembre 2020, 22:17 pm
Gracias gracias, una pregunta solo se puede lograr con JS?, no hay posibilidad de solo usar CSS

Título: Re: [CSS]Afectar padre con hover de hijo
Publicado por: 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

Título: Re: [CSS]Afectar padre con hover de hijo
Publicado por: SrTrp 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!


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