当其他内容悬停在上方时，我该如何更改？

Question

例如，如果我将鼠标悬停在页面上的任何链接上，我希望页面的背景变为红色。但是我不确定如何更改与已覆盖的内容无关的属性。

ul li:hover {
   I want to change the body background to red, but "background: red" will just
   change the background of every link to red.
}

我知道这是一个愚蠢的问题，但是我昨天才刚开始使用HTML / CSS，但我仍在尝试找出工作原理，是的，我看了很多教程。

Answer 1

您可以使用JavaScript更改背景颜色。这是一个例子。

$('li').on('mouseover', function() {
	$('body').css('background', 'red');
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
	<li>test</li>
</ul>