hover display position:absolute

そんな事が出来るのか。javascript無しで。
メモ：absoluteはrelativeな親の座標を0,0にした座標
↓カーソルを合わせる その後クリックする
　
　 A

AAAA

1111

B

BBBB

2222

C

CCCC

3333

<style>
.hdiv , .adiv{ 
	display:none; /*見えなくする*/
	font-size:50px;
	position:absolute;
	top:0px; /*位置を固定する*/
	left:0px; /*位置を固定する*/
	width:100%;
	height:10%;
}
a:hover{text-decoration: none;}
a:hover .hdiv { /*hoverしている場合のみ見えるように*/
	display:inline;
	background:blue;
	color:red;
}
a:active .hdiv{display:none;} /*active時は見えないように*/
a:active .adiv{ /*activeの場合のみ見えるように*/
	display:inline;
	background:black;
	color:blue;
}
</style>
<a href="#">
A 
<div class=hdiv>AAAA</div>
<div class=adiv>1111</div>
</a>
<a href="#">
B 
<div class=hdiv>BBBB</div>
<div class=adiv>2222</div>
</a>
<a href="#">
C 
<div class=hdiv>CCCC</div>
<div class=adiv>3333</div>
</a>