Как настроить css, чтобы при наведении, к примеру, на h1 менялся цвет у body?

Question

[Aladdin]

Все что я хотел узнать уже написано.

Answer 1

[Андрей Федоров]

Нельзя так "настроить" css, чтобы было как вы просите.

Comments

[Aladdin]

Спасибо

Answer 2

[Дмитрий Смыков]

h1.onmouseover = function() {
document.body.style.backgroundColor = ('background color', 'green');
};

PS - там, где h1 - айди, которое ты дал h1. Ну и вставляй в код после самого h1, событие которого обрабатываем

Comments

[Григорий Васильков]

Только такое решение, обратной вложенности в CSS нету, поскольку она создала бы серьезные проблемы производительности

Answer 3

[lukoie]

Чтобы настроить CSS так, что при наведении, к примеру, на h1 менялся бы цвет у body, необходимо это делать при помощи JS.

Comments

[Aladdin]

Спасибо

Answer 4

[Александр Шемаханов]

С помощью onmouseover/onmouseout можно реализовать:
HTML:

<h1 id="switch" onmouseover="switchBg()">Поменять цвет</h1>
<script>
function switchBg() {
  document.body.style.backgroundImage ="url('http://preview.cutcaster.com/cutcaster-photo-100439100-True-Carbon-Fiber.jpg')";
}
</script>

CSS:

#switch{
	margin-bottom: 50px;
  border:1px solid #fff;
  background:#ccc;
}

Пример на CodePen

Comments

[Aladdin]

А как сделать, чтобы цвет изменился и таким остался до перезагрузки?

[Александр Шемаханов]

Mr. Tabrest: убрать событие onmouseout
p.s.: смотри в codepen я обновил

[Aladdin]

Александр Шемаханов: Спасибо огромное)

[Александр Шемаханов]

Mr. Tabrest: рад помочь)) чуть обновил решение, забирай)

[Aladdin]

Александр Шемаханов: Хотелось бы спросить, я js не знаю, поэтому мне нужна помощь

мне нужно вместо backgroundCOLOR использовать url

[Александр Шемаханов]

Mr. Tabrest: смотри обновил
кратко: задаешь функцию, которая делает все тоже самое, только вместо backgroundColor используется backgroundImage, ну и собственно задаешь там нужную тебе картинку, а на событие onmouseover кидаешь эту функцию

Answer 5

[dsgnfox]

Можно примерно так .class1:hover .class2
Только нужно, чтобы .class1 был родительским для .class2

Пример на jsfiddle.net

Comments

[Aladdin]

Только мне нужно, чтобы цвет изменился при наведении и больше не менялся (до перезагрузки)