zoukankan      html  css  js  c++  java
  • CSS(3)——visited伪类

    实例

    规定链接的颜色:

    a:link {color: #FF0000}     /* 未访问的链接 */
    a:visited {color: #00FF00}  /* 已访问的链接 */
    a:hover {color: #FF00FF}    /* 当有鼠标悬停在链接上 */
    a:active {color: #0000FF}   /* 被选择的链接 */

    定义和用法

    :visited 伪类向已访问的链接添加特殊的样式。

    说明

    激活的、已访问的、未访问的或者当有鼠标悬停在其上的链接,它们会在支持 CSS 的浏览器中以不同的方式显示出来:

    a:link {color: #FF0000}     /* 未访问的链接 */
    a:visited {color: #00FF00}  /* 已访问的链接 */
    a:hover {color: #FF00FF}    /* 当有鼠标悬停在链接上 */
    a:active {color: #0000FF}   /* 被选择的链接 */
    

    注释:为了产生预期的效果,在 CSS 定义中,a:hover 必须位于 a:link 和 a:visited 之后!!

    注释:为了产生预期的效果,在 CSS 定义中,a:active 必须位于 a:hover 之后!!

    注释:Pseudo-class(伪类)的名称对大小写不敏感。

    注释:伪类可与 CSS 类配合使用:

    a.red:visited {color: #FF0000;}
    
    <a class="red" href="css_syntax.asp">CSS Syntax</a>
    

    如果上面这个例子中的链接已访问过,那么它会显示为红色。

  • 相关阅读:
    uva 11997
    【USACO 3.1.1】最短网络
    【USACO 2.4.5】分数化小数
    【USACO 2.4.4】回家
    【USACO 2.4.3】牛的旅行
    【USACO 2.4.2】穿越栅栏
    【USACO 2.4.1】两只塔姆沃斯牛
    【USACO 2.3.5】控制公司
    【USACO 2.3.4】货币系统
    【USACO 2.3.3】零数列
  • 原文地址:https://www.cnblogs.com/redheart/p/7648635.html
Copyright © 2011-2022 走看看