Wpis z mikrobloga

@ProstolinijnyW: jeżeli chcesz zrobić tak tylko na najechanie na „wylosuje film” to możesz to zrobić poprzez hover na li,
li:hover .nav-menu-buttonleft {style}
li:hover + li .nav-menu-buttonright {style}
W css + to następny element w drzewie DOM, ale jeśli chcesz zrobić żeby po najechaniu na „kontakt” tez zmieniały sie kolory to już niestety musisz użyć javascriptu - np na mouseover dodanie klasy „hovered” do obu elementów a na mousedown usunięcie tej klasy,
@ProstolinijnyW: + Dodaj sobie id i klasy w htmlu

.red {
box-shadow: 10px 5px 5px red;
}

.blue {
box-shadow: 10px 5px 5px blue;
}

let leftButton = document.querySelector("#leftbutton");
let rightButton = document.querySelector("#rightbutton");

leftButton.addEventListener('mouseover', (event) => {
leftButton.classList.remove("red");
leftButton.classList.add("blue");

rightButton.classList.remove("blue");
rightButton.classList.add("red");
});

leftButton.addEventListener('mouseout', (event) => {
leftButton.classList.remove("blue");
leftButton.classList.add("red");

rightButton.classList.remove("red");
rightButton.classList.add("blue");
});

rightButton.addEventListener('mouseover', (event) => {
leftButton.classList.remove("red");
leftButton.classList.add("blue");

rightButton.classList.remove("blue");
rightButton.classList.add("red");
});

rightButton.addEventListener('mouseout', (event) => {
leftButton.classList.remove("blue");
leftButton.classList.add("red");

rightButton.classList.remove("red");
rightButton.classList.add("blue");
});