CSS控制链接的代码详解

CSS控制链接的代码详解

                                                                                               
                    对于链接来说，在一个网站上是非常重要的，几乎没有不使用链接的网站吧，那链接的样式就非常重要了，下面介绍一下CSS对链接的控制：激活的、已访问的、未访问的或者当有鼠标悬停在其上的链接，它们会在支持 CSS 的浏览器中以不同的方式显示出来：
a:link {color: #FF0000}     /* 未访问的链接 */a:visited {color: #00FF00}  /* 已访问的链接 */a:hover {color: #FF00FF}    /* 当有鼠标悬停在链接上 */a:active {color: #0000FF}   /* 被选择的链接 */注释：为了产生预期的效果，在 CSS 定义中，a:hover 必须位于 a:link 和 a:visited 之后！！
注释：为了产生预期的效果，在 CSS 定义中，a:active 必须位于 a:hover 之后！！
注释：Pseudo-class（伪类）的名称对大小写不敏感。
注释：伪类可与 CSS 类配合使用：
a.red:visited {color: #FF0000}<a class="red" href="css_syntax.asp">CSS Syntax</a>如果上面这个例子中的链接已访问过，那么它会显示为红色。