a的四个伪类
link:代表打开页面超链接的原始状态
visited:链接被访问过后的状态
hover:鼠标悬停在超链接上的状态
active:当鼠标被按下去的状态
代码及解释如图所示:
四个伪类的顺序很重要,按照css规则,同一个元素的选择器,后面的样式覆盖前面的,link和visited的顺序可以随意一点。 但也要在前面。
visited要放在hover前面,如果hover在visited的前面,并且visited已经被访问过,则当鼠标再次悬停的时候, visited的颜色会覆盖hover的颜色,不能看到颜色变化,同理,active也应该放到visited后面
再看hover和active,触发active前会先触发hover,如果active在前,不管如何,hover的颜色会覆盖active的颜色
所以正确的顺序应该是代码中的那样。