<a>標籤的多重樣式
阿新 • • 發佈:2021-06-16
標籤的多重樣式
連結標籤有多重形式顯示,取決於他的環境。
沒有單擊過的上面就會顯示是藍色,也就是未訪問連線。
以訪問的連線就會出現不同的顏色,也是用這些顏色區分連線有沒有點開。
如果把滑鼠放在連線上面這稱之為懸停,在一些瀏覽器上滑鼠懸停會顯示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
這樣可以平衡選擇器之間的關係。