在網頁設計中，我們常常會使用標簽來創建超鏈接，標簽默認的樣式是藍色的，但當我們點擊超鏈接之后，它的顏色會改變，這是因為有一種特殊的CSS偽類選擇器——:visited。
當我們使用標簽創建超鏈接，如果沒有設置:visited狀態下的樣式，我們在點擊完超鏈接之后，它會默認變成紫色，同時點擊后的樣式會一直保持，即使我們重新打開瀏覽器也是如此。
所以，在設計網頁時，我們通常會設置:visited狀態下的樣式，來優化用戶體驗。以下是一個例子：
a:link {
color: blue; /* 未訪問的超鏈接顏色 */
}
a:visited {
color: purple; /* 已訪問的超鏈接顏色 */
}
a:hover {
color: red; /* 鼠標懸停在超鏈接上的顏色 */
}
a:active {
color: green; /* 超鏈接被激活的顏色 */
}在上面的代碼中，我們使用a:visited來定義已經訪問過的超鏈接的樣式，使用a:hover來定義鼠標懸浮在超鏈接上的樣式，使用a:active來定義超鏈接被激活后的樣式。這些樣式會覆蓋默認的樣式，從而使得網頁看起來更加美觀和舒適。
在設計網頁時，良好的用戶體驗是非常重要的，因為它能讓用戶更加愉悅地使用我們的網站。因此，我們需要注意在使用超鏈接時設置不同狀態下的樣式，從而提升用戶體驗。
上一篇css 5邊形梯形