1. 程式人生 > 其它 ><a>標籤的多重樣式

<a>標籤的多重樣式

標籤的多重樣式

連結標籤有多重形式顯示,取決於他的環境。

沒有單擊過的上面就會顯示是藍色,也就是未訪問連線。

以訪問的連線就會出現不同的顏色,也是用這些顏色區分連線有沒有點開。

如果把滑鼠放在連線上面這稱之為懸停,在一些瀏覽器上滑鼠懸停會顯示title屬性的文字。

如何根據標籤的狀態來指定樣式

/*這裡的a後面要加一個冒號
然後後面街上想要的選擇器
link是選中未訪問的連線*/
a:link{
	color:red;
}
/*visited選擇器是顯示已經訪問過的連線*/
a:visited{
    color:blue;
}
/*hover選擇器是不點選但懸停在一個連結上會顯示的顏色*/
a:hover{
    color:yello;
}
/*active選擇器用於選擇點選當時連結的背景顏色*/
a:active{
    color:black;
}

連結同事擁有多種效果的順序

如果我們想讓連結的效果多變起來,可以遵守一種順序

link visited hover focus active

這樣可以平衡選擇器之間的關係。