鼠标点击超链接样式 正确的CSS顺序应该是这四个CSS的优先级

当我们单击超链接时，我们会发现

在这四个状态中，链接的文本将具有不同的状态。通过使用CSS伪类选择器可以达到这种效果。

正确的CSS顺序应为

1. a:link
2. a:visited
3. a:hover
4. a:active

由于这四个CSS的优先级相同，因此所有后者将覆盖前者。

从实现步骤上分析，应该这样安排。

用户的步骤是

1.尚未点击链接

然后只有a：link样式有效，用户无需单击即可看到样式。

2.向上移动鼠标并将鼠标悬停在链接上

然后a：链接和a：悬停生效。因为a：悬停在后面，所以样式3覆盖了样式1，并且显示了当鼠标向上移动时将鼠标悬停在链接上的样式。

3.鼠标按下

然后，a：link，a：hover和a：active的三个项目生效，a：active覆盖了前两个，并且显示的是单击鼠标时的样式。

4.单击生成的链接后

然后，a：“已访问”是永久有效的，显示的是链接后的样式。

简而言之，必须是

a：Visita：hovera：active

这三个项目的顺序不能更改，必须更改，并且a：link可以放在第一或第二位，即存储方法“ VHA”。

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/bofangqi/article-368578-1.html