css根据链接处于什么状态来设置链接的不同样式

    设置链接样式

    链接可以使用任何 CSS 属性(例如 colorfont-familybackground 等)来设置样式。

    a {color: red;}

    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之后。