如何在CSS中創(chuàng)建顯示新文本的懸停效果

我用HTML創(chuàng)建了一個卡片，并給了它一個懸停CSS效果，但我無法看到新的文本，比如當我懸停在元素上時會顯示“了解更多”。

可以做到。

.hide {
  display: none;
}
    
.myDIV:hover + .hide {
  display: block;
  color: red;
}

<h2>Display an Element on Hover</h2>

<div class="myDIV">Hover over me.</div>
<div class="hide">I am shown when someone hovers over the div above.</div>