有没有办法让这项工作发挥作用。我想将鼠标悬停在外部div
并隐藏子元素而不使用 javascript。这样的事情可能吗?
.fullwrap:nth-child(1):hover {
display: none;
}
要隐藏子元素,您需要这样的结构:
#parent:hover .yourchild {
display:none;
}
Where #parent
是你的外在div
并具有:hover
action,那么你只需匹配子元素即可使其隐藏。
在这种情况下,我猜你有这样的结构:
<div class="fullwrap">
<div>One</div>
<div>Two</div>
<div>Three</div>
</div>
然后要隐藏一个孩子,你可以这样做:
.fullwrap:hover :nth-child(1) {
display: none;
}
检查这个演示http://jsfiddle.net/55TWN/ http://jsfiddle.net/55TWN/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)