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

一、什么是伪类

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

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

鼠标没放上去之前:

鼠标放上去之后:

二、动态伪类

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

代码例子:

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

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

三、其他说明


相关推荐
小白上线*^_^*8 分钟前
Vue——Axios
前端·javascript·vue.js
一直在学习的小白~25 分钟前
HTML字符串转换为React元素实现
前端·react.js·html
gxn_mmf41 分钟前
典籍知识问答模块AI问答功能feedbackBug修改+添加对话名称修改功能
前端·后端·bug
samroom1 小时前
Webpack基本用法学习总结
前端·学习·webpack
万能程序员-传康Kk2 小时前
食物数据分析系统vue+flask
前端·vue.js·flask
老华带你飞3 小时前
音乐网站|基于SprinBoot+vue的音乐网站(源码+数据库+文档)
java·前端·数据库·vue.js·论文·毕设·音乐网站
是程序喵呀3 小时前
uni-app使用web-view组件APP实现返回上一页
前端·uni-app
2401_837088504 小时前
CSS flex:1
前端·css
发呆小天才yy8 小时前
uniapp 微信小程序使用图表
前端·微信小程序·uni-app·echarts