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

一、什么是伪类

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

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

鼠标没放上去之前:

鼠标放上去之后:

二、动态伪类

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

代码例子:

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

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

三、其他说明


相关推荐
JustHappy8 小时前
古法编程秘籍(七):互联网到底是什么?把两台电脑怎么说话搞懂就够了
前端·后端·网络协议
snow@li8 小时前
SEO-文章标题:写文章时候,分类+主标题+大纲+解释 作为标题 / 不点进去也知道全文覆盖什么 / 标题即架构
前端
kyriewen9 小时前
Git Commit 前自动修复代码风格?配置 Husky + lint-staged,从此 CR 只聊逻辑
前端·git·面试
小和尚同志9 小时前
AI 自动化测试探索(一):Playwright MCP
前端·人工智能·aigc
老马识途2.010 小时前
在AI的帮助下理解spring的启动过程
java·前端·spring
徐小夕10 小时前
Loop Engineering 深度解析与实战指南(全网最全)
前端·算法·github
运筹vivo@10 小时前
Python ContextVar 底层机制与内存模型拆解
前端·数据库·python
#麻辣小龙虾#12 小时前
基于vue3.0开发一款【固废与废气运维管理系统】(支持源码)
前端·vue.js·vue3
Cosolar12 小时前
Docsify零构建文档站完全指南:从快速搭建到企业级部署
前端·开源·github
weixin_4713830312 小时前
Taro-02-页面路由
前端·taro