通过CSS,链接可以以不同的形式表现。
链接有四种状态:
a:link – 一般状态
a:visited – 已浏览状态
a:hover – 鼠标悬浮时的状态
a:active – 鼠标点击时的状态
不同状态下链接显示不同颜色文本的例子:
a:link {
color: red;
}
a:visited {
color: green;
}
a:hover {
color: hotpink;
}
a:active {
color: blue;
}
有一个需要特别注意的是,这四个状态的先后顺序有规定:
a:hover 写在 a:link 和 a:visited 后边;a:active 写在 a:hover 后边。
推荐书写的顺序是: link、visited、hover、active
习惯性的会这么用:
a:link, a:visited {
color: red;
}
a:hover, a:active {
color: blue;
}