链接伪类选择器

1.未访问链接样式 :a:link{}

        默认的样式 , 界面打开后 , 默认显示该样式 ;

2.已访问链接样式 :a:visited{}

        点击过的链接 , 链接变成该样式 ;

3.鼠标移动到链接样式 :a:hover{}

        鼠标移动到 链接 上方 , 链接变成该样式 ;

4.选定链接样式 :a:active{}

        按下鼠标松开时 , 变成该样式

链接伪类选择器语法

a:link {
	属性名称:属性值;
}
a:visited {
	属性名称:属性值;
}
a:hover {
	属性名称:属性值;
}
a:active {
	属性名称:属性值;
}

注意：

四种选择器必须按照上述顺序 , 如果顺序颠倒会出现错误

常用方式 : 如果要 给 .nav 类下的 a 链接指定样式 , 则需要使用 后代选择器 + 链接伪类选择器 进行指定 ;

.nav a {
	 color: gray;
}
/* :hover 链接伪类选择器 鼠标经过变成红色 */
.nav a:hover {   
	 color: red;
}

a:link 链接伪类选择器 不常用 , 设置 a 标签样式 等同于 a:link 样式 效果 ;