CSSでのリンク状態を用いた複雑なセレクター

これまでに学んだすべての複雑なセレクターは、リンクに対しても適用できます。

例を見てみましょう。リンクが特定の idを持つブロック内にあるとします：

<div id="block">
	<a href="#">リンク</a>
	<a href="#">リンク</a>
	<a href="#">リンク</a>
</div>

このブロック内のリンクにスタイルを設定してみましょう：

#block a:link, #block a:visited {
	color: red;
}
#block a:hover {
	text-decoration: none;
}

通常、link状態とvisited状態は区別しないため、コードは次のように簡略化できます：

#block a {
	color: red;
}
#block a:hover {
	text-decoration: none;
}

以下のコードのセレクターが何を選択するか説明してください。その後、このセレクターに適合するHTMLコードを書いてください。セレクターを含むコードは以下の通りです：

#test a {
	color: red;
}
#test a:hover {
	text-decoration: none;
}