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

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

一、什么是伪类

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

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

二、动态伪类

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

代码例子:

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

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

三、其他说明

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

http://www.dtcms.com/a/177946.html

相关文章:

  • 四、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 在医疗行业的应用
  • 《AI大模型应知应会100篇》第52篇:OpenAI API 使用指南与最佳实践
  • 遗传算法求解异构车队VRPTW问题
  • 【PostgreSQL数据分析实战:从数据清洗到可视化全流程】8.4 数据故事化呈现(报告结构设计/业务价值提炼)
  • vue修改了node_modules中的包,打补丁
  • 【IP101】图像压缩技术详解:从JPEG到小波压缩的完整指南
  • Flink SQL DataStream 融合开发模式与动态配置热加载机制实战
  • 73页最佳实践PPT《DeepSeek自学手册-从理论模型训练到实践模型应用》
  • 【WEB3】区块链、隐私计算、AI和Web3.0——数据民主化(1)
  • 【CTFer成长之路】举足轻重的信息搜集
  • Vim 编辑器常用快捷键速查表