CSS的 a:link 選擇器是用來設置HTML頁面中超鏈接的樣式。在默認情況下,HTML中的超鏈接文本是藍色且帶下劃線。當鼠標懸停在超鏈接上時,超鏈接的顏色會變成紫色。
a:link { color: blue; text-decoration: underline; } a:hover { color: purple; text-decoration: none; }
上述代碼會將HTML頁面中的所有超鏈接文本的顏色設置為藍色,并添加下劃線。當鼠標懸停在超鏈接上時,超鏈接的顏色將改變為紫色,而下劃線將消失。
除了鏈接的顏色和下劃線之外,a:link 還可以控制鏈接的字體大小,字體樣式以及指向鏈接位置的箭頭。例如:
a:link { color: blue; font-size: 18px; } a:link:after { content: " 》"; } a:hover:after { content: ""; }
上述代碼將超鏈接的文本顏色設置為藍色,并將鏈接的字體大小設置為18像素。此外,通過使 a:link:after 選擇器生成內容 “》”,可以在鏈接文本后面添加右箭頭。這個箭頭在鼠標懸停時會消失,因為 a:hover:after 的內容為空。
總之,a:link 是一種非常有用的CSS選擇器,在設置HTML超鏈接樣式時非常方便。它可以幫助您控制鏈接的顏色,字體大小,樣式和箭頭。這也有助于提高網站的可訪問性和用戶體驗。
上一篇CSS的7個選擇器