<style>
/* 未访问的链接 a:link */
a:link {
color: #333;
text-decoration: none;
}
/* 访问过的链接 a:visited */
a:visited {
color: orange;
}
/* 鼠标悬停(经过)的链接 a:hover */
a:hover {
color: blue;
}
/* 鼠标按下但还没有弹起的链接 a:active */
a:active {
color: green;
}
</style>
链接伪类选择器注意事项:
1、按照LVHA(:link,:visited,:hover,:active )的顺序声明.。
2、在实际开发中,需要给链接单独指定样式。
实际开发中最常使用:
给链接指定一个样式,然后鼠标悬停指定一个样式。
<style>
/* 未访问的链接 a:link */
a {
color: #333;
text-decoration: none;
}
/* 鼠标悬停(经过)的链接 a:hover */
a:hover {
color: blue;
text-decoration: underline;
}
</style>