Css hover divで別の部門を表示

Question

CSSのホバー効果についていくつか問題があります。 私は2 div内の外部コンテナを持っています。左のdivには、右のdiv（以前は隠していた）を表示するホバー効果が必要です。

私はコード

<div class="block-attr"> 
<div class="left"></div> 
<div class="right">Hidden text </div> 
</div> 

が、この命令（右のそれを表示して隠されDIV：なし;）を報告します動作しないようですが。

.block-attr .left:hover .right{display:block;} 

Answer 1

を試してみてください。以上、ここでの例以下

読むを確認してください：https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_started/Selectors#Information_Selectors_based_on_relationships

.right { 
 
    display: none; 
 
} 
 
.block-attr .left:hover + .right { 
 
    display: block; 
 
}

<div class="block-attr"> 
 
    <div class="left">Hover here</div> 
 
    <div class="right">Hidden text</div> 
 
</div>

Answer 2

あなたはそれを行うために隣接セレクタ+を使用することができ、この

.left:hover + .right{ display: block;}