| a标签的四种状态(按照顺序即可让各个状态生效) | 6/29 |
| a:link {color:#FF0000;}/* 未被访问的链接 */ | |
| a:hover {color:#FF00FF;}/* 鼠标指针移动到链接上 */ | |
| a:active {color:#0000FF;}/* 正在被点击的链接 */ | |
| a:visited {color:#00FF00;}/* 已被访问的链接 */ | |
| 原因：浏览器先来先解释，后来就覆盖 | |
| 1.鼠标经过的“未访问链接”同时拥有a:link、a:hover两种属性，后面的属性会覆盖前面的属性定义； | |
| 2.鼠标经过的“已访问链接”同时拥有a:visited、a:hover两种属性，后面的属性会覆盖前面的属性定义； | |
| 为了使各个状态生效 | |
| a:hover必须位于a:link和a:visited之后 | |
| a:actived必须位于a:hover之后 | |
相关文章：