在我的脚本中有三个div。我想class="ab"在第一行悬停时显示div
class="abc"，而在第二行悬停时显示。否则，我想class="a"默认显示div 。

但它永远不会显示带有的div class="a"。

.abc,.ab {

    display: none;

}

#f:hover ~ .ab {

    display: block;



}

#f:hover ~ .abc,.a {

    display: none;



}

#s:hover ~ .abc {

    display: block;



}

#s:hover ~ .ab,.a {

    display: none;

}


<a id="f">Show First content!</a>

<br/>

<a id="s">Show Second content!!</a>

<div class="a">Default Content</div>

<div class="ab">First content</div>

<div class="abc">Second content</div>