Edit in JSFiddle

<a href="#hoge" class="sample1">リンクにフォーカスしている最中だけ緑になるよ</a>
<a href="#fuga" class="sample2">フォーカスされているかつ、アクティブ中だけ緑になるよ</a>
<a href="#piyo" class="sample3">未訪問のときにフォーカスしたとき赤になるよ 訪問済みのフォーカスした時黄色になるよ</a>
.sample1:focus {
	color : green;
}
.sample2:focus:hover {
	color : green;
}
.sample3:focus:link {
	color : red;
}
.sample3:focus:visited {
	color : yellow;
}