CSS：懸停時同時顯示和隱藏不同的div？

Question

下面是CSS例如如何顯示隱藏的div（懸停）：

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

和

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

我能告訴一個股利和僅使用隱藏在同一時間另一個CSS？ 下面是示例演示如何使用JS爲了這個目的：http://jsfiddle.net/joshvito/GaZQ6/

Answer 1

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> 
 

 

Answer 2

如果其他分區是兄弟姐妹/孩子，或任何組合，對父母來說是

.showme{ 
 
     display: none; 
 
    } 
 
    .showhim:hover .showme{ 
 
     display : block; 
 
    } 
 
    .showhim:hover .hideme{ 
 
     display : none; 
 
    } 
 
    .showhim:hover ~ .hideme2{ //~ sibling selector 
 
     display:none; 
 
    }

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

Answer 3

你試過這樣的事嗎？

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

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

我不知道爲什麼它不應該成爲可能。