博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
超链接的那些事(一): 伪类
阅读量:5230 次
发布时间:2019-06-14

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

一、什么是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 属性。

未完待续...

转载于:https://www.cnblogs.com/MonkeyKingK/p/4862679.html

你可能感兴趣的文章
从网易与淘宝的font-size思考前端设计稿与工作流
查看>>
原生HttpClient详细使用示例
查看>>
几道面试题
查看>>
搜索引擎-SHODAN
查看>>
poj_3159_Candies
查看>>
CentOS目录结构
查看>>
网络爬虫基本练习
查看>>
安卓版有道词典的离线词库-《21世纪大英汉词典》等
查看>>
day2
查看>>
TestLink在线Excel用例转换xml
查看>>
winfrom如何在listview中添加控件
查看>>
小三角1
查看>>
idea使用"svn"到项目报错Error:Cannot run program "svn" (in directory "E:\XXXXXX"):CreateProcess error=2,...
查看>>
ReactNative实现通知监听事件
查看>>
identity server4 证书
查看>>
DirectX11 With Windows SDK--05 键盘和鼠标输入
查看>>
Android解析Json
查看>>
广搜——最优方案
查看>>
oracle9i/10g/11g各种下载
查看>>
Java 中文编码分析
查看>>