标签 javascript jquery html css
<分区>
我有如下代码:
<nav id="mainNav" class="">
<div id="navContainer">
<div id="active">
[ some list ]
</div><!-- #active -->
</div><!-- #navContainer -->
</nav><!-- #mainNav -->
我想在用户将鼠标悬停在#active 上时更改#mainNav 的背景颜色，但我不知道该怎么做。我这样做了，但没有结果:
#active:hover #mainNav{
background-color: #333;
}
有什么想法吗？
最佳答案
使用 JS 或尝试不同的方法，仅限 CSS:
http://jsfiddle.net/coma/zxybD/5/
HTML
<div id="main">
<a href="#" class="red">red</a>
<a href="#" class="green">green</a>
<a href="#" class="blue">blue</a>
<div></div>
</div>
CSS
#main {
position: relative;
}
#main > a {
display: block;
padding: .5em;
}
#main > div {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #eee;
z-index: -1;
}
#main > a.red:hover ~ div {
background-color: red;
}
#main > a.green:hover ~ div {
background-color: green;
}
#main > a.blue:hover ~ div {
background-color: blue;
}
关于javascript - 如何选择父标签？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16489375/
相关文章：
javascript - 如何测试 Google 电子表格脚本中范围参数的类型？
javascript - 将 div 的高度更改为浏览器窗口高度，只要浏览器高度大于 x
javascript - 如何在 php 中调整 margin session flash？
javascript - 括号之间的简单 JavaScript 函数
html - HTML5 中的 SVG 标记可以省略自闭合标记吗？
javascript - 如何在单个语句中对 $$ ('selector' ) 数组使用 PrototypeJS .wrap() ？
javascript - Firebase 存储 URL 是静态的吗？
javascript - 如何获取 iframe 的父元素(不仅仅是窗口)？