使用CSS / JS隱藏 <h2> 懸停在div中時

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