Question

CSS代码规范

中间那个a:visited 一定要放中间吗？？我的理解是：a:link -> a:hover ->a:visited ？？就是先默认 然后是鼠标移动上面 然后是 鼠标点击？？ 为什么别人都说a:visited是放在中间的呢？？

Answer 1

写这几个CSS代码的根本在于：浏览网页的人的使用习惯。

写网页是为了给浏览的人看，给浏览网页的人操作，而不是写给自己看，不是为了便于自己操作（除非是写给自己的网页）。

首先是：显示链接的CSS代码，所有链接呈现甚么状态。用 a:link{}.

其次是：已经访问过的链接的CSS代码，所有已经点击过的链接呈现什么状态。用 a:visited{}.

这连个顺序一定不能搞乱，不然很不符合浏览网页的客户的习惯，会使得浏览网页的客户混乱。

至于 a:hover{} ：

1. 如果放在 a:link{}. 与 a:visited{}. 之间，则已经点击过的链接，不管是否把鼠标浮动在链接上方  a:hover{} 都是无效的，只能呈现 a:visited   的样式状态。

2. 如果放在 a:link{}.  a:visited{}. 的后面，则只要鼠标浮动在链接上方，  a:hover{}都是效的，呈现 a:hover{} 的样式状态。

客户点击过链接后有多大比例的人会重新把鼠标浮动到已经点击过的链接上，没有专门的统计数据，所以 a:hover{}  的位置没有统一的意见。自己把握。

Answer 2

如果按你的顺序，当链接被点击过后，那么被点击的链接始终就是a:visited中的样式了，也就是点击后的连接a:hover时回失效

Answer 3

不用的，顺序可以颠倒的，不一定非得这么写，你想放哪都可以

Answer 4

你换下位置看下效果就知道了，这不会覆盖的

Answer 5

这是规定的标准，顺序必须是这样不能改变