zoukankan      html  css  js  c++  java
  • 【CSS3】CSS——链接

    CSS链接样式
    属性 描述
    a:link 普通的、未被访问的链接
    a:visited 用户已访问的链接
    a:hover 鼠标指针位于链接的上方
    a:active 链接被点击的时刻

    1.a:link  :未被访问的链接

    今天学到一点就是当使用a:link时,变换颜色却不起作用,后来查找资料说记忆Cookies的原因,结果清除后果然显示出想要变换的颜色

    还有要补充一点的是a标签这些伪类的执行顺序:link--visited--hover-active,也就是我们常说到的LoVe HAte原则,即“爱恨原则”。

    在W3C规范中,规定了链接声明顺序:

    在 CSS 定义中,a:hover 必须被置于 a:link 和 a:visited 之后,才是有效的。
    在 CSS 定义中,a:active 必须被置于 a:hover 之后,才是有效的。

    2.a:visited :用户已访问的链接

    测试时需要看其效果,一定要去清理历史数据,不然显示结果有偏差。

    3.a:hover :鼠标指针位于链接的上方

    对于无href属性的a元素来说,这四种效果都不起作用。

    4.a:active :链接被点击的时刻

    记住:一定要严格遵循正确的执行顺序

  • 相关阅读:
    C#处理json实战
    HDU3994(Folyd + 期望概率)
    POJ1270 Following Orders (拓扑排序)
    HDU 3634 City Planning (离散化)
    HDU4762(JAVA大数)
    POJ3026(BFS + prim)
    POJ1679(次小生成树)
    UVA10487(二分)
    ZOJ 2048(Prim 或者 Kruskal)
    FZU 1856 The Troop (JAVA高精度)
  • 原文地址:https://www.cnblogs.com/Horsonce/p/7490649.html
Copyright © 2011-2022 走看看