伪类选择器-链接伪类选择器
伪类选择器用于向某些选择器增加特殊的效果,比如给链接增加特殊效果,比如可以选择第1个,第n个元素;
为了和
[链接伪类选择器]
语法:
:link {属性1:属性值1; 属性2:属性值2; 属性3:属性值3; ......}
:visited {属性1:属性值1; 属性2:属性值2; 属性3:属性值3; ......}
:hover {属性1:属性值1; 属性2:属性值2; 属性3:属性值3; ......}
:active {属性1:属性值1; 属性2:属性值2; 属性3:属性值3; ......}
说明:
link:未访问的链接
visited:已经访问的链接
hover:鼠标移动到链接上
active:选定的链接
通常只有两种属性,为默认属性和鼠标经过属性,简写:
a {
/* 默认属性 */
}
a:hover {
/* 鼠标经过属性 */
}
原始效果如下:
鼠标经过效果如下:
点击鼠标左键不松开效果:
点击之后的效果: