層疊樣式表/超連結
外觀
< 層疊樣式表
a 選擇器匹配超連結。它有四個常用的偽類:link、visited、hover 和 active。使用這些偽類的規則應該按照此順序給出,以便動態效果優先於已訪問/未訪問狀態。以下示例將顯示一個黑色連結,當滑鼠懸停在其上時變為綠色,當處於活動狀態(滑鼠按下時)時變為粉色。
a:link
{ color:black; background:gray }
a:visited
{ color:black; background:red }
a:hover
{ color:green }
a:active
{ color:pink }
當滑鼠懸停在未訪問連結上時,a:link 選擇器和 a:hover 選擇器都會匹配。由於 hover 規則最後出現,因此它的 color 宣告優先於 link 規則的 color 宣告。由於 hover 規則沒有更改 background 屬性,因此結果是灰色背景上的綠色文字。
:link 和 :visited 偽類只能與 a 選擇器一起使用。CSS2.1 允許 :hover 和 :active 偽類與其他元素一起使用。但是,Internet Explorer 僅允許在錨元素上使用 :hover。