【前端基础】9、CSS的动态伪类(hover、visited、hover、active、focus)【注:本文只有几个粗略说明】

一、什么是伪类

选择器的一种,用于选择处于特定状态的元素。

最常见的现象:鼠标放在某些文字上面,文字就会加上颜色。

鼠标没放上去之前:

鼠标放上去之后:

二、动态伪类

图片来源(链接文章也有其他伪类说明)

代码例子:

  1. link:链接未访问的状态
  2. hover:鼠标放在链接上
  3. active:链接被点下,但是鼠标没松开
  4. visited:链接被访问过
  5. 【补充说明】:focus:链接获取焦点的时候

注意:这几个伪类的使用一定要遵守编写顺序,即LVHA

三、其他说明


相关推荐
OpenTiny社区10 分钟前
开源之夏报名倒计时3天!还有9个前端任务有余位,快来申请吧~
前端·github
ak啊15 分钟前
WebGL魔法:从立方体到逼真阴影的奇妙之旅
前端·webgl
hang_bro26 分钟前
使用js方法实现阻止按钮的默认点击事件&触发默认事件
前端·react.js·html
用户907387036486434 分钟前
pnpm是如何解决幻影依赖的?
前端
树上有只程序猿40 分钟前
Claude 4提升码农生产力的5种高级方式
前端
傻球41 分钟前
没想到干前端2年了还能用上高中物理运动学知识
前端·react.js·开源
咚咚咚ddd42 分钟前
前端组件:pc端通用新手引导组件最佳实践(React)
前端·react.js
Lazy_zheng42 分钟前
🚀 前端开发福音:用 json-server 快速搭建本地 Mock 数据服务
前端·javascript·vue.js
HJ_Coder42 分钟前
基于Proxyman的实时解密和预览方案
前端
Gixy43 分钟前
聊聊纯函数与不可变数据结构
前端·设计模式