链接伪类选择器:
为了和我们之前学的选择器相区别
类选择器用一个点,比如.suv{}
伪类用两个点的冒号,比如:link()
伪类选择器作用:
用于向某些选择器添加特殊的效果,比如给链接添加特殊效果,比如可以选择第1个 ...第n个元素。伪类选择器很多种,本文先讲链接伪类选择器。
a:link //未访问的链接
/*未访问过的链接*/
a:link {
color:#333;
text-decoration:none;
}
a:visited //已访问的链接
/*已经访问过的链接*/
a:visited {
color:red;
}
a:hover //鼠标移动到链接上
/*鼠标经过链接时的状态*/
a:hover{
color:black;
}
a:active //选定的链接
/*当我们点击按下鼠标不松开的状态*/
a:active{
color:green;
}
/*选择器组合*/
.nav :hover{
color:orange;
}
注意:
写链接伪类的时,最好上面的顺序依次写。顺序错了可能导致一些问题。lvha简单记住这个4个字母。按这个顺序。lv包包,hao 好。
链接伪类选择器也类似交集选择器的变种。
链接伪类有自己的默认样式。