Михаил Р.

.class2:hover ~ .class3 {color: red;}
.class2:hover + .class3 {color: red;}

var sliderChange = document.querySelector('input[type=range');


sliderChange.onchange = function () {
	sliderChangeFunc();
};

function sliderChangeFunc() {
	var value = sliderChange.value,
			min   = sliderChange.getAttribute('min'),
			max   = sliderChange.getAttribute('max');
	sliderChange.style.backgroundSize = (value - min) * 100 / (max - min) + '%' + ' 100%';
};

sliderChange.addEventListener("input", function(e) {
  sliderChangeFunc();// Prints "Example of an event"
});

// Create the event
var event = new CustomEvent("input");

// Dispatch/Trigger/Fire the event
sliderChange.dispatchEvent(event);

array_map(function($n) {
  return [ "url" => "/site/$n[0]", "label" => $n[1] ];
}, [
  [1, 'Главная'],
  [2, 'Портфолио'],
  [3, 'О нас']
]);