伪类
之所以叫 伪类 , 是因为我们是基于元素的状态来选择的,而不是他的名字或者属性。
用 法
/* 尚未访问过的链接 */
a:link{
color : red ;
}
/* 鼠标在链接上徘徊 ,还没有点击的状态 */
/* 如果在使用触控屏幕的设备,像iPad 等,`:hover`不起作用,因为触控屏幕上不能辨别用户是否将手指悬停在某个元素上 */
a:hover{
color : cyan ;
texe-decoration : underline ;
}
/* 当链接被点击后的状态 , 链接本身的样式有点变化 */
a:active{
color : pink ;
}
/* 已经点击过的链接 */
a:visited{
color : grey ;
}
注 意
- hover
- 如果在使用触控屏幕的设备,像iPad 等,
:hover
不起作用,因为触控屏幕上不能辨别用户是否将手指悬停在某个元素上