css允許我們針對a標籤的四種狀態設置各自的css特性,稱爲css的僞類
1.鼠標未放上去
2.鼠標放上去
3.鼠標點擊未鬆手
4.點擊後
注意:
1、active狀態一般不設置
2、設置順序有規定:LVHA
3、a:link可以簡寫成a
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>a標籤僞類</title>
<style type="text/css">
/*用標籤選擇器進行控制*/
a:link{
color: pink;
}
/*點擊後*/
a:visited{
color: orange;
}
/*鼠標放上去*/
a:hover{
color: purple;
}
/*鼠標點擊未鬆手*/
a:active{
color: black;
}
</style>
</head>
<body>
<div>
<!-- 空鏈接可以用#表示 -->
<a href="#">空鏈接</a>
<a href="#">空鏈接</a>
<a href="#">空鏈接</a>
<a href="#">空鏈接</a>
<a href="#">空鏈接</a>
<a href="#">空鏈接</a>
</div>
</body>
</html>