今天发现a:link,a:visited,a:hover,a:active还要按顺序写才行。

一个很简单的CSS样式，搞了半天总是不对，非常郁闷。

样式先是这样定义的：

.topmenu a:link,a:visited,a:active{
font-size:14px;
color: #FFFFFF;
font-weight:bold;
text-decoration:none;
}

.topmenu a:hover{
font-size:14px;
color: #FFFF00;
font-weight:bold;
text-decoration:none;
}

.topmenu是单元格的样式，可是这个单元格中，有的链接鼠标滑过会变黄色，有的确一直是黑色。访问过的链接，有的会恢复白色，有的确变成黑色。而且这种错误还出现在应用.leftmenu的单元格里的链接。在没有.topmenu样式的时候，.leftmenu还是一切正常的。

搞了很久都调不好，真是郁闷极了。后来上网查阅才知道，link,visited,hover,active还有顺序的。于是改成如下样式便好了。

.topmenu a:link{text-align:center;font-size:14px;color: #FFFFFF;font-weight:bold;text-decoration:none;}
.topmenu a:visited{text-align:center;font-size:14px;color: #FFFFFF;font-weight:bold;text-decoration:none;}
.topmenu a:hover{text-align:center;font-size:14px;color:#FFFF00;font-weight:bold;text-decoration:none;}
.topmenu a:active{{text-align:center;font-size:14px;color: #FFFFFF;font-weight:bold;text-decoration:none;}

.leftmenu也按顺序重写。