使用css / js，悬停在div中时隐藏<h2>

Question

我尝试过的事情（css）：

div:hover #h2 {
  color: transparent; 
}

我想隐藏div中的文字，如下所示：

<div>
  <h2>text</h2>
</div>

Answer 1

您应该删除#：

div:hover h2 {
    color: transparent; 
}

#表示ID而不是标记名称（因此您选择了id="h2"）。

Answer 2

这将隐藏DIV悬停上的H2标签

div:hover h2{
    display: none; 
}

如果你需要在DIV中修复高度，可以使用这个：

div:hover h2{
    visibility: hidden; 
}

<强>更新 提问者评论，如果你想使用特定的id，请这样做：

<div id="spdiv"><h2>message</h2></div>

和css

#spdiv:hover h2{
    display: none; 
}

使用#可帮助您指定元素ID