使用CSS控制超链接样式的注意事项

刘新阳 
2001年 17期

　　在网页设计中我们经常使用CSS控制超级链接样式。但是我们必须注意标签的先后顺序，否则可能达不到预期的效果。
　　　　笔者在制作网页的时候曾按下列顺序排列这几个标签：
　　　　a:link{font-size:18px;color:#0000FF;text-decoration:underline}
　　　　a:hover{font-size:18px;color:#0000FF;text-decoration:none;font-style:italic}
　　　　a:visited{font-size:18px;color:#0000FF;text-decoration:none}
　　　　第一次用浏览器打开时一切正常，鼠标未放上去时为蓝色，放上鼠标时为绿色斜体，单击链接到目的地址再返回该页时，链接变为红色（同visited中所设），再次放上鼠标时，文本仍然保持visited样式，hover样式却失效。笔者百思不得其解，经反复试验发现问题出在三行标签的顺序上，只要把visited放在hover前面，就一切正常了。
　　　　同样道理，active和link的位置也会对最终效果产生影响。
　　　　通过反复试验，笔者总结了一条经验：只要保证visited在前，hover在后，active在两者中间，link位置任意，都能够保证四种样式互不影响，正常显示。
　　　　 
 