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


 


Tema destacado: Vuelve Concurso Programación Abril Negro 2020


+  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 291 veces)
SrTrp

Desconectado Desconectado

Mensajes: 255


Script/C#


Ver Perfil
[CSS]Afectar padre con hover de hijo
« en: 13 Septiembre 2020, 05:18 »

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: 526


Crianosfera 5 in comming!!!


Ver Perfil
Re: [CSS]Afectar padre con hover de hijo
« Respuesta #1 en: 13 Septiembre 2020, 06:48 »

Código
  1. <!DOCTYPE html>
  2. <html lang="es">
  3.    <meta charset="UTF-8">
  4.    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  5.    <title>Document</title>
  6.    <style>
  7.        #parent
  8.        {
  9.            color: red;
  10.        }
  11.  
  12.        #child
  13.        {
  14.            color: indigo;
  15.        }
  16.    </style>
  17. </head>
  18.    <a id="parent" href="#">
  19.        Parent text
  20.        <span id="child">Child text</span>
  21.    </a>
  22.    <script>
  23.        parent = document.getElementById("parent")
  24.        child = document.getElementById("child")
  25.  
  26.        function change_parent_black()
  27.        {
  28.            parent.style.color = "black"
  29.        }
  30.  
  31.        function change_parent_red()
  32.        {
  33.            parent.style.color = "red"
  34.        }
  35.  
  36.        child.addEventListener("mouseover", change_parent_black);
  37.        child.addEventListener("mouseout", change_parent_red)
  38.    </script>
  39. </body>
  40. </html>


B#


En línea



SrTrp

Desconectado Desconectado

Mensajes: 255


Script/C#


Ver Perfil
Re: [CSS]Afectar padre con hover de hijo
« Respuesta #2 en: 13 Septiembre 2020, 22:17 »

Gracias gracias, una pregunta solo se puede lograr con JS?, no hay posibilidad de solo usar CSS
En línea

EdePC
Colaborador
***
Desconectado Desconectado

Mensajes: 1.270



Ver Perfil
Re: [CSS]Afectar padre con hover de hijo
« Respuesta #3 en: 13 Septiembre 2020, 22:31 »

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: 255


Script/C#


Ver Perfil
Re: [CSS]Afectar padre con hover de hijo
« Respuesta #4 en: 14 Septiembre 2020, 02:20 »

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 7,918 Último mensaje 30 Octubre 2010, 12:04
por Xt3mP
Un padre contrata a sicarios en un juego para que 'maten' a su hijo
Noticias
wolfbcn 9 1,701 Último mensaje 5 Enero 2013, 15:40
por WIитX
impimir estructura de datos padre e hijo
Programación General
ricardo07 5 992 Último mensaje 3 Julio 2013, 05:46
por El Benjo
Hover de elemento hijo
Desarrollo Web
kakashi20 2 597 Último mensaje 9 Enero 2016, 03:11
por xiruko
La Justicia hace responsable a un padre por las descargas piratas de su hijo
Noticias
wolfbcn 1 708 Último mensaje 3 Marzo 2017, 22:28
por --<<<@u6u$t0>>>--
Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines