在悬停另一个div时编辑主体背景颜色

时间:2015-12-12 02:50:20

标签: hover

我想在悬停我的tumblr网站标题时编辑背景颜色

.sidebar .title h1:hover body {
    background: red;
}

代码不起作用。我不熟悉javascript,我想知道css是否可行。谢谢!

1 个答案:

答案 0 :(得分:0)

不幸的是,CSS规则只能在指定的元素内工作。所以,你将无法在CSS中做你想做的事。但是,在你的tumblr上使用Javascript非常简单,你可以通过以下方式做你想做的事情:

您的标题代码如下:

<h1 onmouseenter="changeBodyBackgroundColor()">My Title</h1>

<head></head>标记中添加以下内容。

<script type="text/javascript">
  function changeBodyBackgroundColor() {
    document.body.style.background = "red";
  }
</script>