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

一、什么是伪类

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

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

鼠标没放上去之前:

鼠标放上去之后:

二、动态伪类

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

代码例子:

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

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

三、其他说明


相关推荐
Hilaku9 分钟前
我用AI重构了一段500行的屎山代码,这是我的Prompt和思考过程
前端·javascript·架构
IT_陈寒35 分钟前
Vite性能优化实战:5个被低估的配置让你的开发效率提升50%
前端·人工智能·后端
IT_陈寒37 分钟前
Java性能调优的7个被低估的技巧:从代码到JVM全链路优化
前端·人工智能·后端
掘金安东尼1 小时前
前端周刊第439期(2025年11月3日–11月9日)
前端·javascript·vue.js
码农刚子1 小时前
ASP.NET Core Blazor进阶1:高级组件开发
前端·前端框架
鱼鱼块1 小时前
《CSS 核心机制与选择器实战精要》
css
道可到1 小时前
重新审视 JavaScript 中的异步循环
前端
起这个名字2 小时前
微前端应用通信使用和原理
前端·javascript·vue.js
QuantumLeap丶2 小时前
《uni-app跨平台开发完全指南》- 06 - 页面路由与导航
前端·vue.js·uni-app
CSharp精选营2 小时前
ASP.NET Core Blazor进阶1:高级组件开发
前端·.net core·blazor