伪类选择器选择的不是某一种元素,而是某种元素的某种状态。

对于链接,我们可以针对链接的4种状态来设置显示效果:

链接没被点击过:不加或者link

链接被点击过:visited

鼠标放在链接上:hover

鼠标点击的瞬间:active

这四种状态必须按照 l v h a的顺序

 

#nav li a:link {  display:block;  width:90px;  height:37px;  background:gray; }

#nav li a:hover {  display:block;  width:90px;  height:37px;  background:orange;