博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
伪类与超链接
阅读量:5102 次
发布时间:2019-06-13

本文共 590 字,大约阅读时间需要 1 分钟。

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

转载于:https://www.cnblogs.com/caizhong/p/4862826.html

你可能感兴趣的文章
关于mybatis中基本类型条件判断问题
查看>>
RDD之二:原理
查看>>
Struts2.0 xml文件的配置(package,namespace,action)
查看>>
转载:【Oracle 集群】RAC知识图文详细教程(四)--缓存融合技术和主要后台进程
查看>>
2018-2019-2 网络对抗技术 20165301 Exp 9 Web安全基础
查看>>
待续--mysql中key 、primary key 、unique key 与index区别
查看>>
Day19内容回顾
查看>>
bootstrap分页
查看>>
洛谷 P1144 最短路计数 解题报告
查看>>
第七次作业
查看>>
c++map的用法
查看>>
js交互
查看>>
vim工具
查看>>
Openssl genrsa命令
查看>>
Openssl crl2pkcs7命令
查看>>
php下载文件代码
查看>>
Google的“那些事”
查看>>
纪念愚人节微博禁止评论
查看>>
【SICP练习】115 练习3.41
查看>>
安家了
查看>>