CSS 偽類選擇器

zhongta發表於2024-10-30

1.沒訪問的a為橙色,訪問過的為綠色。懸浮為藍色,按下滑鼠不鬆手為紅色
a:link{
color:orange;
}
a:visited{
color:green;
}
a:hover{
color:blue;
}

a:active{
color:red;
}

注意實現順序,順序錯誤效果會覆蓋,失效。LV HA

2.hover active所有元素都可以實現,link visted a元素獨有
百度

span:hover{
color:green;
}

span:active{
color:red;
}

3.focus 表單類元素使用,焦點。
<input type="text>

input:focus{
color:blue;
}

相關文章