Hey,
normalerweise kann man wenn man 1 Element hovert die CSS Anweisung auf andere Elemente auch übertragen.
Dies geht dann so : #firstelement:hover .braun{
background-color: red;
}
Leider funktioniert dies jedoch nicht was für mich unerklärlich ist - hat jemand von euch eine Idee warum dies nicht funktioniert?. Ich habe dann mittels Javascript eine Lösung gefunden welche ich dir jedoch nicht als 1. Wahl empfehlen würde.
Nichts desto trotz ist hier die JavaScript Lösung:
JavaScript
window.onload = function(){
let listenelemente = document.getElementsByClassName("braun");
listenelemente[0].addEventListener("mouseover", function(){
for(let i = 0; i < listenelemente.length; i++){
listenelemente[i].style.backgroundColor = "yellow";
}
}, false);
listenelemente[0].addEventListener("mouseout", function(){
for(let i = 0; i < listenelemente.length; i++){
listenelemente[i].style.backgroundColor = "white";
}
}, false);
}Grüße
