链接状态
典型的 CSS 滚动效果依赖于超链接中四种状态之一的独立类型。可以使用 CSS 预类创建 (超链接)类型来指定链接状态:
a:link - 常规、不可访问的超链接
a:已访问——已访问的超链接
a:hover——访问者将鼠标移动经过的链接
a:活动——点击链接
为了让典型的CSS滚动效果正常工作,CSS代码中CSS类型的顺序非常重要,无论是外部类型表还是嵌入在HIML页面标题栏中的类型规则。
a:link 类型出现最早,因为它可以应用于所有链接。 a:visited 类型排在第二位,它将取代任何链接的 a:link 格式。 (如果 a:link 类型后跟 a:visited,则 a:link 可能会替换 a:visited 类型。)后跟 a:hover 类型,该类型应该仅用于访问鼠标下的链接。最后,还有一个:active,因此当单击链接时,它会替换所有其他类型。
a:链接{
颜色:#0000FF;
文字修饰:下划线;
字体粗细:正常;
字体样式:正常;
}
a:访问过{
颜色:#3399FF;
文字修饰:下划线;
背景颜色:#FFFFFF;
字体粗细:正常;
字体样式:斜体;
}
a:悬停{
颜色:#0000FF;
文字修饰:下划线;
背景颜色:#FFFF00;
字体粗细:粗体;
字体样式:正常;
}
a:活跃{
颜色:#FF0000;
文本修饰:无;
背景颜色:#CCCCCC;
字体粗细:粗体;
字体样式:正常;
}
CSS 代码中类型的顺序决定了每种类型如何替换其他类型,即可以将更多类型应用于特定元素。通常,a:hover 类型位于 a:link 和 a:visited 类型之后,因此悬停状态类型可以应用于常规链接和已访问链接。不过,不一定非要这样,你可以改变类型的顺序来达到不同的效果。
通过删除 a:visited 类型可以轻松删除访问链接的滚动效果。
请注意,a:visited 类型包含指定与 a:hover 相同属性的规则。否则,当访问者的鼠标经过访问链接时,任何未被 a:visited 类型替换的 a:hover 类型属性将继续重新出现。
来源:网络教学网