Home > Web Front-end > HTML Tutorial > 超链接的那些事(一): 伪类_html/css_WEB-ITnose

超链接的那些事(一): 伪类_html/css_WEB-ITnose

WBOY
Release: 2016-06-24 11:35:46
Original
1418 people have browsed it

一、什么是CSS伪类

      CSS伪类(Pseudoclasses)用来指定一个或者与其相关的选择符的状态。它的表现形式是selector:pseudoclass{property:value;}。

二、浏览器的支持

      CSS有很多的伪类没有得到浏览器的支持,但是对于超链接的四个伪类可以安全使用。

三、超链接的伪类

  • link 适用于未被用户访问过的链接
  • visited 适用于已被用户访问过的链接
  • hover 适用于光标(鼠标指针)置于其上的连接
  • active 适用于被点击过的连接
  • 四、伪类的顺序

          在使用超链接的伪类的时候,需要按照link->visited->hover->active的顺序来定义。

          例如:      

    a:link {color: red;}a:visited {color: yellow;}a:hover {color: green;}a:active {color: gray;}
    Copy after login

           简单记法"love hate","爱恨"。

    Tip:

          ①. 对于已经访问的链接,浏览器会记录访问的信息,所以查看link和visited效果,有时需要清除浏览器的缓存。

          ②. 超链接有默认的样式下划线, 而去除下划线需要以下CSS:

               a{text-decoration:none;}

    未完待续...

    source:php.cn
    Statement of this Website
    The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
    Popular Tutorials
    More>
    Latest Downloads
    More>
    Web Effects
    Website Source Code
    Website Materials
    Front End Template