Cómo cambiar el estilo del elemento secundario cuando hay un elemento emergente en el elemento principal. Preferiría una solución de CSS para esto si es posible. ¿Hay alguna solución posible a través de: activa los selectores de CSS. De hecho, necesito cambiar el color de la barra de opciones dentro de un panel cuando hay un elemento estacionario en el panel.
Buscando apoyar a todos los principales navegadores.
Sí, definitivamente puedes hacer esto. Solo usa algo como
.parent:hover .child { /* ... */ } Según esta página , es compatible con todos los principales navegadores.
Sí, puedes hacer esto, usa este código a continuación, puede ayudarte.
.parentDiv{ margin : 25px; } .parentDiv span{ display : block; padding : 10px; text-align : center; border: 5px solid #000; margin : 5px; } .parentDiv div{ padding:30px; border: 10px solid green; display : inline-block; align : cente; } .parentDiv:hover{ cursor: pointer; } .parentDiv:hover .childDiv1{ border: 10px solid red; } .parentDiv:hover .childDiv2{ border: 10px solid yellow; } .parentDiv:hover .childDiv3{ border: 10px solid orange; }
Hover me to change Child Div colors First Div Child Second Div Child Third Div Child Fourth Div Child