纯css悬停显示另一个元素可能吗？

Question

<a href="">
  text here always show
 <div  style="display:none;">
   hide text here
 </div>
</a>


a:hover{

//when hover show 'hide text here' ; when not hover, hide it again 
}

可以使用纯css来实现这种效果吗？

Answer 1

a div {
    display: none;
}

a:hover div {
    display: block;
}