html - CSS ホバーで別の要素を表示

Question

div id='b'にカーソルを合わせたときにCSS を使用して表示したいのですが、が別の別の中にあるため、そのdiv id='a'方法がわかりません。div 'a'divdiv 'b'

<div id='content'>
     <div id='a'>
         Hover me
     </div>
</div>
<div id='b'>
    Show me
</div>

Answer 1

次のコードで実際に可能です

 <div href="#" id='a'>
     Hover me
 </div>

<div id='b'>
    Show me
</div>

とcss

#a {
  display: block;
}

#a:hover + #b {
  display:block;
}

#b {
  display:none;
  }

要素 #a にカーソルを合わせると、要素 #b が表示されます。