疑似クラス - Webをはじめる。

疑似クラスとは、要素が特定の状態にある場合にスタイルを指定するもの。

疑似クラス参考サイト : セレクタ｜CSS HappyLife ZERO

演習

http://d.hatena.ne.jp/web-mind/20131225/p1

<body>
<ul>
<li><a href="#">LINK-link-coral</a></li>
<li><a href="#">LINK-visited-turquoise</a></li>
<li><a href="#">LINK-hover-skyblue</a></li>
<li><a href="#">LINK-active-lawngreen</a></li>
</ul>
</body>

<style>
ul {
	list-style-type: none;
}
li a {
	font-size: 1.6em;
	font-weight: bold;
}
li a:link {
	color: coral;
}
li a:visited {
	color: turquoise;
}
li a:hover {
	color: skyblue;
}
li a:active {
	color: lawngreen;
}
</style>