CSS中的:link
偽類選擇器用于設置<a>
標簽的未訪問鏈接樣式。
可以通過a:link
偽類選擇器來設置鏈接的文字顏色、下劃線等樣式。
a:link { color: blue; /* 鏈接文字顏色為藍色 */ text-decoration: underline; /* 給鏈接添加下劃線 */ }
若要設置鏈接在訪問過后的樣式,可以使用:visited
偽類選擇器。
a:visited { color: purple; /* 訪問過后鏈接文字顏色為紫色 */ text-decoration: underline; /* 給鏈接添加下劃線 */ }
鼠標懸浮在鏈接上時的樣式可以使用:hover
偽類選擇器來設置。
a:hover { color: red; /* 鼠標懸浮在鏈接上時,鏈接文字顏色為紅色 */ text-decoration: none; /* 取消鏈接的下劃線 */ }
當鏈接被點擊時,可以使用:active
偽類選擇器來設置鏈接的樣式。
a:active { color: green; /* 鏈接文字顏色為綠色 */ text-decoration: none; /* 取消鏈接的下劃線 */ }
注意,上述代碼順序不能更改,必須保持:link
、:visited
、:hover
、:active
的順序一致,否則樣式可能會出錯。