1. /* 没有被访问的链接 */
    2. a:link{
    3.   color:red;
    4. }
    5. /* 已访问的链接 */
    6. a:visited{
    7.   color:yellow;
    8. }
    9. /* 链接被点击的那一刻 */
    10. a:active{
    11.   color:blue;
    12. }
    13. /* 鼠标悬停的时候 */
    14. a:hover{
    15.   color:green;
    16. }
    17. /* 使用的时候顺序不能打乱 */
    19. <!-- 链接的状态 -->
    20. <a href="https://www.jd.com">jd</a>