当前位置: 首页 > news >正文

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

一、什么是伪类

选择器的一种,用于选择处于特定状态的元素。
最常见的现象:鼠标放在某些文字上面,文字就会加上颜色。

鼠标没放上去之前:
在这里插入图片描述
鼠标放上去之后:
在这里插入图片描述

二、动态伪类

图片来源(链接文章也有其他伪类说明)
在这里插入图片描述
在这里插入图片描述

代码例子:

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

注意:这几个伪类的使用一定要遵守编写顺序,即LVHA
在这里插入图片描述

三、其他说明

在这里插入图片描述
在这里插入图片描述

相关文章:

  • 四、Hadoop 2.X vs 3.X:特性、架构与性能全解析
  • ubuntu yolov5(c++)算法部署
  • [特殊字符]【实战教程】用大模型LLM查询Neo4j图数据库(附完整代码)
  • 5、开放式PLC梯形图编程组件 - /自动化与控制组件/open-plc-programming
  • 秋招准备——2.跨时钟相关
  • 室内无人机自主巡检解决方案-自主方案
  • STM32-模电
  • Spring Cloud:概述,服务注册和服务发现,多机部署和负载均衡
  • 认识守卫-以及简单的示例和装饰器
  • 如何在macOS上通过SSHFS挂载远程文件系统
  • 驱动开发硬核特训 · Day 30(下篇): 深入解析 lm48100q I2C 音频编解码器驱动模型(基于 i.MX8MP)
  • Redis最新入门教程
  • 静态BFD配置
  • 信创生态核心技术栈:国产芯片架构适配与交叉编译优化指南
  • 2025最新:3分钟使用Docker快速部署Redis集群
  • node.js 实战——express图片保存到本地或服务器(七牛云、腾讯云、阿里云)
  • RISC-V hardfault分析工具,RTTHREAD-RVBACKTRACE
  • Marin说PCB之器件的3D数模匹配失效案例
  • 力扣刷题Day 43:矩阵置零(73)
  • MATLAB 在医疗行业的应用
  • 印巴战火LIVE丨“快速接近战争状态”:印度袭击巴军事基地,巴启动反制军事行动
  • 国家主席习近平会见斯洛伐克总理菲佐
  • 总粉丝破亿!当网络大V遇见硬核科技,互联网时代如何书写上海故事?
  • 外交部:习近平主席同普京总统达成许多新的重要共识
  • 晋级中部非省会第一城,宜昌凭什么
  • 人民日报评“组团退演出服”:市场经济诚信原则需全社会维护