有没有一种方法使这个生效。我想在悬停外部的div
时隐藏一个子元素,而不使用JavaScript。类似这样的东西是否可行?
.fullwrap:nth-child(1):hover {
display: none;
}
有没有一种方法使这个生效。我想在悬停外部的div
时隐藏一个子元素,而不使用JavaScript。类似这样的东西是否可行?
.fullwrap:nth-child(1):hover {
display: none;
}
To hide a child element you need an structure like this:
#parent:hover .yourchild {
display:none;
}
如果你的外层 div
使用了 :hover
动作,那么可以通过匹配子元素使其隐藏,其中 #parent
是你的外层 div
。
在这种情况下,我猜你的结构类似于这样:
<div class="fullwrap">
<div>One</div>
<div>Two</div>
<div>Three</div>
</div>
隐藏子元素可以这样做:
.fullwrap:hover :nth-child(1) {
display: none;
}
请查看此示例 http://jsfiddle.net/55TWN/
visibility: hidden
可以将其隐藏。 - Ian Ryan Clarke