在悬停时隐藏div的子元素

Question

有没有办法让这项工作成功。我想将鼠标悬停在外部div上并隐藏子元素而不使用javascript。这样的事情可能吗？

.fullwrap:nth-child(1):hover { 
    display: none; 
}

Answer 1

要隐藏子元素，您需要这样的结构：

#parent:hover .yourchild {
   display:none;
}

#parent是你的外div并且有:hover动作，那么你只需匹配子元素就可以隐藏它。

在这种情况下，我猜你有这样的结构：

<div class="fullwrap">
  <div>One</div>
  <div>Two</div>
  <div>Three</div>
</div> 

然后隐藏一个孩子，你可以这样做：

.fullwrap:hover :nth-child(1) { 
  display: none; 
}

检查此演示http://jsfiddle.net/55TWN/