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

mac2022-06-30  21

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

 

原始效果如下:

鼠标经过效果如下:

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

点击之后的效果:

最新回复(0)