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

一、什么是伪类

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

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

鼠标没放上去之前:

鼠标放上去之后:

二、动态伪类

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

代码例子:

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

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

三、其他说明


相关推荐
杨航 AI11 小时前
JEV的用法
java·前端·数据库
Amos_Web11 小时前
Rspack 源码解析(三十五):rspack_error 如何用 miette 渲染带源码定位的错误链
前端
修炼的dance11 小时前
OCR预处理测了108组,纠斜去噪有用,坑在顺序和力度
前端
不可能片场12 小时前
AI视频成片 帧间差分把拼接缝照出来
前端·electron
写的都是BUG12 小时前
APK 里的钥匙,一直就放在门口:聊聊加固真正该做什么
前端·算法
dpharness12 小时前
我踩过的四个记忆坑,从预算到换机
前端·后端
用户77833661321112 小时前
SerpBase驱动:用原生JS实现搜索意图分流浮层
前端
阿明的小蝴蝶12 小时前
设备出厂横竖屏修改 & 默认手势导航修改(按键导航)
前端
SameX12 小时前
ArkTS 做应用内"快捷胶囊" —— 续航日记踩过的两个鸿蒙声明式 UI workaround
前端
用户114818678948412 小时前
水印的实现方式逻辑
前端·python