超链接的那些事(一): 伪类

一、什么是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;}

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

Tip:

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

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

           a{text-decoration:none;}

      ③. a 标签中必须提供 href 属性或 name 属性。

未完待续...