例一：
/*css*/
a:link{
color: blue;
}
a:visited{
color: green;
}
a:hover{
color: red;
}
a:focus{
color:black;
}
a:active{
color: yellow;
}
/*html*/
<p><a href="#">click me</a></p>
例二：
/*css*/
input:focus{
background: yellow;
}
input:active{
background: red;
}
/*html*/
<input type="text" id="txt">
link表示鏈接在正常情況下（即頁面剛加載完成時）顯示的顏色。
visited表示鏈接被點擊后顯示的顏色。
hover表示鼠標懸停時顯示的顏色。
focus表示元素獲得光標焦點時使用的顏色，主要用於文本框輸入文字時使用（鼠標松開時顯示的顏色）。
active表示當所指元素處於激活狀態（鼠標在元素上按下還沒有松開）時所顯示的顏色。
注：偽類的順序應為link--visited--hover--focus--active。