css鼠标点击的五种状态

css鼠标点击的五种状态1、a:link{color:#fff}未访问时的状态(鼠标点击前显示的状态)2、a:hover{color:#fff}鼠标悬停时的状态3、a:visited{color:#fff}已访问过的状态(鼠标点击后的状态)4、a:active{color:#fff}鼠标点击时的状态5、a:focus{color:#fff}点击后鼠标移开保持鼠标点击时的

大家好,又见面了,我是你们的朋友全栈君。

html:

<a href="#">测试鼠标点击的五种状态</a>

css: 

分开写:

 a:link{color:#fff}  未访问时的状态(鼠标点击前显示的状态)
 a:hover{color:#fff}  鼠标悬停时的状态
 a:visited{color:#fff}  已访问过的状态(鼠标点击后的状态)
 a:active{color:#fff}  鼠标点击时的状态
 a:focus{color:#fff}  点击后鼠标移开保持鼠标点击时的状态[获得焦点](只有在<a href="#"></a>时标签中有效)

写在一起:

a:link,a:hover,a:visited,a:active,a:focus{color:#fff} 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/138177.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Faster-rcnn详解「建议收藏」

    Faster-rcnn详解「建议收藏」论文题目:FasterR-CNN:TowardsReal-TimeObjectDetectionwithRegionProposalNetworks论文链接:论文链接论文代码:Matlab版本点击此处,Python版本点击此处作为一个目标检测领域的baseline算法,Faster-rcnn值得你去仔细理解里面的细节,如果你能深入的了解这些,我相信你会受益匪浅。…

    2022年10月4日
    4
  • 什么是防抖和节流?如何实现防抖和节流?

    什么是防抖和节流?如何实现防抖和节流?防抖 Debounce 和节流 Throttle 都是用来控制某个函数在一定时间内触发次数 两者都是为了减少触发频率 以便提高性能或者说避免资源浪费 毕竟 JS 操作 DOM 对象的代价还是十分昂贵的 应用场景 处理一些频繁触发的事件 例如 mousedown mousemove keyup keydown 等 不然的话 页面很可能会十分卡顿哦 防抖防抖就是指触发事件后在 n 秒内函数只能执行一次 如果在 n 秒内又触发了事件 则会重新计算函数执行时间 举个例子吧 例如 你是一个肯德基外卖配送员 每天专门

    2025年6月24日
    2
  • presto timestmp使用

    presto timestmp使用

    2021年11月27日
    55
  • booth算法原理的简单化理解「建议收藏」

    booth算法原理的简单化理解「建议收藏」最近,在学习带符号二进制数乘法(multiplicationof signednumbers)时接触到了布思算法(boothalgorithm)。由于是第一次接触,对于其原理却一无所知,书上的解释以及网上的文章不知是自己才疏学浅还本来就是泛泛而谈,没有让我了解其本质。经过长时间的思考分析,最终找到了一种比较简单的理解方法。举一个简单的例子,比如说计算10100001×00111110,

    2025年8月14日
    1
  • Rancher v1.2基础设施引擎整体架构分析

    Rancher v1.2基础设施引擎整体架构分析

    2022年3月8日
    42
  • Redis 安装

    Redis 安装

    2021年10月16日
    35

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号