伪类选择器-链接伪类选择器

伪类选择器-链接伪类选择器
伪类选择器用于向某些选择器增加特殊的效果,比如给链接增加特殊效果,比如可以选择第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 {
    /* 鼠标经过属性 */
}

 

原始效果如下:

鼠标经过效果如下:

伪类选择器-链接伪类选择器_第1张图片

点击鼠标左键不松开效果:

伪类选择器-链接伪类选择器_第2张图片

点击之后的效果:

你可能感兴趣的:(CSS)