CSS：在悬停时同时显示和隐藏不同的div？

参见英文答案 > Using only CSS,show div on hover over <a>8个答案这里是CSS示例如何显示隐藏的div(悬停)：

<div class="showhim">HOVER ME<div class="showme">hai</div></div>

和

.showme{ 
display: none;
}
.showhim:hover .showme{
display : block;
}

我可以显示一个div，同时使用CSS隐藏另一个div？
这里是如何使用JS为此目的的示例：http://jsfiddle.net/joshvito/GaZQ6/

解决方法

http://jsfiddle.net/MBLZx/

这里是代码

.showme{ 
   display: none;
 }
 .showhim:hover .showme{
   display : block;
 }
 .showhim:hover .ok{
   display : none;
 }

<div class="showhim">
     HOVER ME
     <div class="showme">hai</div>
     <div class="ok">ok</div>
</div>

原文地址：https://www.jb51.cc/css/221194.html