<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
/*
* 涉及到a的僞類一共有四個:
* :link
* :visited
* :hover
* :active
* 而這四個選擇器的優先級是一樣的。
* link,visited要在hover、actIve上邊,自身的順序可以變
* hover一定要在active上面
*/
a:link{
color: yellowgreen;
}
a:visited{
color: red;
}
/*
* 鼠標移入
*/
a:hover{
color: orange;
}
/*
* 正在點擊
*/
a:active{
color: cornflowerblue;
}
</style>
</head>
<body>
<a href="http://www.baidu.com">訪問過的鏈接</a>
<br /><br />
<a href="http://www.baidu123456.com">未訪問過的鏈接</a>
</body>
</html>