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

前端之家收集整理的这篇文章主要介绍了CSS:在悬停时同时显示和隐藏不同的div?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
参见英文答案 > Using only CSS,show div on hover over <a>8个答案这里是CSS示例如何显示隐藏的div(悬停):
  1. <div class="showhim">HOVER ME<div class="showme">hai</div></div>

  1. .showme{
  2. display: none;
  3. }
  4. .showhim:hover .showme{
  5. display : block;
  6. }

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

解决方法

http://jsfiddle.net/MBLZx/

这里是代码

  1. .showme{
  2. display: none;
  3. }
  4. .showhim:hover .showme{
  5. display : block;
  6. }
  7. .showhim:hover .ok{
  8. display : none;
  9. }
  1. <div class="showhim">
  2. HOVER ME
  3. <div class="showme">hai</div>
  4. <div class="ok">ok</div>
  5. </div>

猜你在找的CSS相关文章