news 2026/8/29 6:57:38

伪类与伪元素区别、常用伪类场景汇总

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
伪类与伪元素区别、常用伪类场景汇总

1. 核心区别

  • 伪类(:):选中元素的状态,不生成新标签,如 hover、active、focus

  • 伪元素(::):创建虚拟DOM元素,相当于新增标签,如 before、after


2. 常用伪类

  • 链接::link :visited

  • 鼠标::hover :active

  • 表单::focus :checked :disabled

  • 结构::first-child :nth-child() :last-child


3. 常用伪元素

  • ::before / ::after:装饰图标、划线、角标

  • ::first-letter:首字母样式

  • ::selection:选中文本样式

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/8/29 6:56:20

网易2018校招机器学习算法工程师笔试题解析与备考指南

每年到了校招季,总有很多同学在牛客网、知乎上翻旧题,而网易2018校园招聘机器学习算法工程师这套笔试卷,算是当年流传度极高、讨论量也很大的一套题。我自己当年也刷过,后来参与过校招笔试出题和面试,再看这套卷子&…

作者头像 李华
网站建设 2026/8/29 6:55:30

开源350万提示词背后:AI电影级生成的工作流与一致性控制

第一次看到这个开源项目的时候,我的第一反应不是兴奋,而是怀疑。标题里写着“价值 350 万的提示词开源了”,还牵扯到“全球首部全 AI 生成的电影长片”。做过 AI 生成内容的人会有种本能警觉:这个词条更像是营销组合,而…

作者头像 李华
网站建设 2026/8/29 6:54:14

给Agent项目选了强化学习,训练三周不收敛——我补上AI入门才搞清问题类型

给Agent项目选了强化学习,训练三周不收敛--我补上AI入门才搞清问题类型 项目启动会上我拍胸脯说用强化学习搞定客服 Agent,结果训练三周,奖励曲线像心电图一样乱跳,业务方黑着脸让我解释。直到翻出 AI入门 课程里那张「问题类型决策树」,我才意识到从一开始就选错了学习范式--…

作者头像 李华
网站建设 2026/8/29 6:52:54

读数据可视化17时变数据(上)

1. 时变数据1.1. 时间是一个非常重要的维度和属性1.2. 随时间变化、带有时间属性的数据称为时变型数据1.2.1. Time-varying Data1.2.2. Temporal Data1.3. 时变型数据的处理方法与顺序型数据(Sequential Data)有相通之处1.4. 数据类型1.4.1. 数值型1.4.1…

作者头像 李华
网站建设 2026/8/29 6:52:50

STM32 USB OTG读取U盘文件系统:硬件配置与FatFS移植全攻略

做嵌入式开发的朋友应该都有过这种经历:设备跑起来了,想把里面的数据导出来,要么串口慢慢拉,要么SD卡拔来拔去,既慢又容易出问题。2018年5月我做了一个基于STM32的USB OTG工程,目标非常明确——让STM32通过…

作者头像 李华