CSS:在悬停时同时显示和隐藏不同的div?

前端之家收集整理的这篇文章主要介绍了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.f2er.com/css/221194.html

猜你在找的CSS相关文章