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>

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效