zoukankan      html  css  js  c++  java
  • hover伪类

    定义和用法

    :hover 选择器用于选择鼠标指针浮动在上面的元素。
    提示::hover 选择器可用于所有元素,不只是链接。
    提示::link 选择器设置指向未被访问页面的链接的样式,:visited 选择器用于设置指向已被访问的页面的链接,:active 选择器用于活动链接。
    注释:在 CSS 定义中,:hover 必须位于 :link 和 :visited 之后(如果存在的话),这样样式才能生效。

    代码效果测试:
    <!DOCTYPE html>
    <html>
    <head>
    <style>
    a.ex1:hover,a.ex1:active {color:red;}
    a.ex2:hover,a.ex2:active {font-size:150%;}
    a.ex3:hover,a.ex3:active {background:red;}
    a.ex4:hover,a.ex4:active {font-family:'微软雅黑';}
    a.ex5:visited,a.ex5:link {text-decoration:none;}
    a.ex5:hover,a.ex5:active {text-decoration:underline;}
    </style>
    </head>

    <body>
    <p>请把鼠标指针移动到这些链接上。</p>

    <p><a class="ex1" href="/index.html">这个链接改变颜色。</a></p>
    <p><a class="ex2" href="/index.html">这个链接改变字体大小。</a></p>
    <p><a class="ex3" href="/index.html">这个链接改变背景色。</a></p>
    <p><a class="ex4" href="/index.html">这个链接改变字体。</a></p>
    <p><a class="ex5" href="/index.html">这个链接会出现下划线。</a></p>
    </body>

    </html>

  • 相关阅读:
    HDU 4069 Squiggly Sudoku
    SPOJ 1771 Yet Another NQueen Problem
    POJ 3469 Dual Core CPU
    CF 118E Bertown roads
    URAL 1664 Pipeline Transportation
    POJ 3076 Sudoku
    UVA 10330 Power Transmission
    HDU 1426 Sudoku Killer
    POJ 3074 Sudoku
    HDU 3315 My Brute
  • 原文地址:https://www.cnblogs.com/sosore/p/5470801.html
Copyright © 2011-2022 走看看