Uczę się JavaScript i w końcu pojawiła się konieczność by go wykorzystać, pseudoklasy nie dają możliwości zdefiniowania zmiany stylu jednego selektora gdy zmienia się inny, a tego akurat potrzebuje. Napisałem kod, który działa ale wyglądać będzie fatalnie, gdyż jest redundacja - bez sensu na moje oko:
coś takiego powinno odpalić. niestety efekt jest połowiczny, link nie zmienia koloru na biały:
function init() {
var li = document.getElementsByClassName("li_no_effects");
var a = document.getElementsByClassName("a_no_effects");
for (var i = 0; i < 4; i++) {
li[i].onmouseover = function() {
this.style.backgroundColor = '#003C3C';
a[i].style.color = "white";
};
li[i].onmouseout = function() {
this.style.backgroundColor = '#fbfbfb';
a[i].style.color = "#3299CC";
};
}
}
window.onload = init;
Pomożecie? Pisanie x4 tego samego aż boli, ale wtedy działa :)