CSS疑似要素:hoverの表示サンプル

.a,
.b {
  float: left;
  width: 200px;
  margin-bottom: 10px;
  padding: 50px 0;
  border: 1px solid #CCC;
  text-align: center;
}
.b {
  display: none;
}
.a:hover + .b {
  display: block;
}