僞類

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>


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章