CSS中A标签的a:link a:visited a:hover a:active 原来是有严格的顺序的

1。以前没注意,原来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”。 .

2。关于锚点 ..

以前一直没用过，今天突然要用到。 .

设置锚点：<a name="#p1"></a>中间不需要加内容。 .

链接锚点：<a href="#p1">第一段</a> .

有些地方回到网页最顶端就是这样做的。在开头设了个＃top锚点，然后在其他地方链接这个锚点就能回到网页顶部。

 

原来还真没注意!