html元素a的link visited hover active

来源:互联网 发布:linux 查看ip访问限制 编辑:程序博客网 时间:2024/05/16 07:34

    css定义超链接四个状态也是有顺序的。今天在网站里犯了这个错误,把hover写在visited 前面了,导致出现问题(鼠标放在访问过的链接上不出效果)。

a:link{text-decoration:none ; color:#c00 ;}
a:visited {text-decoration:none ; color:#c30 ;}
a:hover {text-decoration:underline ; color:#f60 ;}
a:active {text-decoration:none ; color:#F90 ;}

    以上语句分别定义了"链接、已访问过的链接、鼠标停在上方时、点下鼠标时"的样式。注意,必须按以上顺序写,否则显示可能和你预想的不一样。记住它们的顺序是“LVHA”。

原创粉丝点击