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

一、什么是伪类

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

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

鼠标没放上去之前:

鼠标放上去之后:

二、动态伪类

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

代码例子:

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

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

三、其他说明


相关推荐
anyup3 分钟前
uni-app X 全屏引导页组件,一套支持 App、H5、小程序多端引导
前端·架构·uni-app
希冀1233 分钟前
【CSS学习第十二篇】
css·学习·tensorflow
a11177642 分钟前
动森UI组件(开源 html animal-island-ui )
前端·javascript·ui·开源·html
KaMeidebaby43 分钟前
卡梅德生物技术快报|真核蛋白表达信号肽筛选实验全流程复盘
服务器·前端·数据库·人工智能·算法
万少1 小时前
万少的 Claude Code 入门教程
前端·人工智能·后端
এ慕ོ冬℘゜1 小时前
JS 前端基础高频面试题
开发语言·前端·javascript
放下华子我只抽RuiKe51 小时前
React 从入门到生产(八):测试与部署
前端·javascript·深度学习·react.js·前端框架·ecmascript·集成学习
蜡笔小电芯2 小时前
【Electron】第2章—BrowserWindow 与 Electron 窗口机制
前端·javascript·electron
zhangxingchao2 小时前
AI 大模型面试核心二:微调、RAG、MCP、Agent 与工程落地
前端·人工智能·后端
ZC跨境爬虫2 小时前
跟着 MDN 学CSS day_15:(掌握CSS背景与边框的创造性用法)
前端·css·ui·html·tensorflow