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

css3新增的伪类有哪些

news 2026/3/28 13:56:48

CSS3 引入了许多新的伪类选择器，这些选择器为开发者提供了更多的样式控制选项。以下是一些 CSS3 中新增的主要伪类选择器：

  1. 结构性伪类：
    • :root：选择文档的根元素（通常是 <html>）。
    • :empty：选择没有子节点的元素（包括文本节点）。
    • :first-of-type：选择其父元素中的第一个 <element-name> 类型的元素。
    • :last-of-type：选择其父元素中的最后一个 <element-name> 类型的元素。
    • :only-of-type：选择其父元素中唯一的 <element-name> 类型的元素。
    • :nth-of-type(n)：选择其父元素中的第 n 个 <element-name> 类型的元素。
    • :nth-last-of-type(n)：选择其父元素中的倒数第 n 个 <element-name> 类型的元素。
  2. UI伪类：
    • :enabled：选择可用的表单元素。
    • :disabled：选择被禁用的表单元素。
    • :checked：选择被选中的 <input> 元素（例如，单选框或复选框）。
    • :default：选择默认被选中的 <input> 或 <button> 元素。
    • :valid：选择输入值有效的表单元素。
    • :invalid：选择输入值无效的表单元素。
    • :in-range：选择输入值在指定范围内的 <input> 元素。
    • :out-of-range：选择输入值不在指定范围内的 <input> 元素。
    • :required：选择设置了 required 属性的表单元素。
    • :optional：选择没有设置 required 属性的表单元素。
    • :readonly：选择设置了 readonly 属性的表单元素。
    • :writeable：选择没有设置 readonly 属性的表单元素。
  3. 其他伪类：
    • :backdrop：用于全屏的背景界面（通常与全屏API一起使用）。
    • :fullscreen：选择全屏显示的元素。
    • :placeholder-shown：选择当前显示占位符文本的 <input> 或 <textarea> 元素。
    • :dir()：基于元素的文本方向（例如 :dir(ltr) 或 :dir(rtl)）来选择元素。
    • :lang()：基于元素的语言属性来选择元素。
    • :not()：选择不匹配特定选择器的元素。
    • :any-link：选择所有链接（<a>、<area> 和 <link> 元素）。
    • :current（伪元素）：用于选择当前元素（如 ::current 在 :range 输入类型中）。注意这不是一个标准的 CSS 伪类，但在某些上下文中可能会遇到。

请注意，某些伪类（如 :fullscreen 和 :backdrop）可能并不是所有浏览器都支持，或者可能需要特定的API（如全屏API）才能触发。同时，:any-link 和 :current 并不是真正的 CSS3 伪类，但它们在这里被提及是为了完整性。

相关文章：

css3新增的伪类有哪些

CSS3 引入了许多新的伪类选择器&#xff0c;这些选择器为开发者提供了更多的样式控制选项。以下是一些 CSS3 中新增的主要伪类选择器&#xff1a; 结构性伪类&#xff1a; :root&#xff1a;选择文档的根元素&#xff08;通常是 <html>&#xff09;。:empty&#xff1a;…...

编程日记 2024/6/12 21:54:58

低代码开发：企业供应链数字化的挑战与应对

随着全球数字化浪潮的不断推进&#xff0c;企业供应链管理也面临着日益复杂的挑战。在这样的背景下&#xff0c;低代码开发技术的出现为企业提供了一种更高效、更灵活的数字化解决方案。本文将探讨低代码开发在企业供应链数字化中的应用&#xff0c;以及它所带来的挑战与应对策…...

编程日记 2024/6/12 21:52:56

线程池的创建与使用

目录 一、线程池1.1 线程池概念1.2 线程池原理1.3 创建线程池的方式1.4 不同特点的线程池1.5 ThreadPoolExecutor[重要]本文的思维导图 最后 一、线程池 1.1 线程池概念 如果有非常多的任务需要非常多的线程来完成,每个线程的工作时间不长,就需要创建很多线程,工作完又立即销毁…...

编程日记 2024/6/12 21:50:54

C++ 中的负无穷大赋值

1&#xff0c;代码先行 示例&#xff1a; #include<iostream> #include<limits>using namespace std;int main() {float inf_pos numeric_limits<float>::infinity();float inf_neg -1*inf_pos;cout << "inf_pos " << inf_pos &l…...

编程日记 2024/6/12 21:49:53

python实现九九乘法表

while循环实现&#xff1a; i 1while i < 9: # 控制行的循环j 1while j < i: # 控制每行的输出print(f"{j}*{i}{j * i}\t", end"")j 1print()i 1for循环实现&#xff1a; for i in range(1, 10):for j in range(1, i 1):print(f"{j}*…...

编程日记 2024/6/12 21:47:51

【已解决】chrome视频无法自动播放的问题

问题&#xff1a; 在用datav开发大屏的时候&#xff0c;放了一个视频组件&#xff0c;但是发现视频组件即使设置了自动播放&#xff0c;仍然无法自动播放 原因&#xff1a; 76 以上版本的谷歌浏览器只能在系统静音下自动播放 解决&#xff1a; 音频自动播放浏览器白名单设置&…...

编程日记 2024/6/12 21:46:50

为什么要分析电商用户数据？详解两大用户数据分析维度

零售电商行业的蓬勃发展带来了海量的客户数据&#xff0c;这些数据不仅记录了消费者的每一次点击、浏览、购买行为&#xff0c;还蕴含着巨大的商业价值。如何从这些数据中提炼出有价值的信息&#xff0c;成为电商企业提升竞争力、优化客户体验、实现可持续发展的关键。本文将深…...

编程日记 2024/6/12 21:44:47

Linux系统的FTP文件传输服务

一.FTP简介 Linux环境下高性能的FTP命令行工具&#xff0c;能够利用FTP协议进行高效的文件传输管理。借助此强大工具&#xff0c;用户能轻松连接远程服务器&#xff0c;执行上传、下载、删除及重命名等操作&#xff0c;显著提高两台设备间的文件交互效率。 1.FTP什么 ftp是一…...

编程日记 2024/6/12 21:43:46

redis 08 慢查询日志

1.什么是慢查询日志 2.慢查询和两个参数有关 2.1 2.2 3.例子&#xff1a; 4 参数详细介绍&#xff1a;...

编程日记 2024/6/12 21:42:45

山东大学软件学院项目实训-创新实训-基于大模型的旅游平台（三十一）- 微服务(11)

12.7 DSL查询语法 查询的基本语法 GET /indexName/_search{"query": {"查询类型": {"查询条件": "条件值"}}} 查询所有 GET /hotel/_search{"query": {"match_all": {}}} 12.7.1 全文检索查询 全文检索查询,会…...

编程日记 2024/6/12 21:41:44

DevExpress WPF中文教程：Grid - 如何向项目添加GridControl并绑定到数据

DevExpress WPF拥有120个控件和库&#xff0c;将帮助您交付满足甚至超出企业需求的高性能业务应用程序。通过DevExpress WPF能创建有着强大互动功能的XAML基础应用程序&#xff0c;这些应用程序专注于当代客户的需求和构建未来新一代支持触摸的解决方案。 无论是Office办公软件…...

编程日记 2024/6/12 21:39:41

nodejs湖北省智慧乡村旅游平台-计算机毕业设计源码00232

摘 要 随着科学技术的飞速发展&#xff0c;社会的方方面面、各行各业都在努力与现代的先进技术接轨&#xff0c;通过科技手段来提高自身的优势&#xff0c;旅游行业当然也不能排除在外。智慧乡村旅游平台是以实际运用为开发背景&#xff0c;运用软件工程开发方法&#xff0c;采…...

编程日记 2024/6/12 21:36:36

架构设计 - 根据性能压力测试结果优化服务器性能

概述&#xff1a;web软件项目工程实施过程&#xff0c;经常会用到客户端和服务端建立 KeepAlive 长连接来提高应用效率的场景。例如&#xff1a;移动端应用或者复杂的网页交互需要在用户浏览时频繁地向服务端发送请求。但是随之而来的问题是&#xff0c;需要对服务器端 tomcat …...

编程日记 2024/6/12 21:35:35

【必会面试题】事务的四大特性？ACID

目录 事务的四大特性&#xff0c;即ACID特性&#xff0c;是数据库管理的基石。 原子性&#xff08;Atomicity&#xff09; 定义&#xff1a;事务作为一个整体被执行&#xff0c;其内部的操作要么全部完成&#xff0c;要么全部不完成。如果事务中的任何一部分失败&#xff0c;那…...

编程日记 2024/6/12 21:33:32

【QT】记录一次QT程序发布exe过程

记录一次QT程序发布exe过程 使用windeploy与enigma发布独立的QT程序第一步 QT编译输出 **release** 版本第二步 QT 自带 windepoyqt 补全链接库第三步 enigma virtual box压缩打包为单一exe最后【2024-06-07 17】- 【补充】 贴一个自己用的bat脚本【**QtDeploy2exe.bat**】半自…...

编程日记 2024/6/12 21:32:31

数据分类分级，误把起点当终点

数据分类分级 吉祥学安全知识星球&#x1f517;除了包含技术干货&#xff1a;Java代码审计、web安全、应急响应等&#xff0c;还包含了安全中常见的售前护网案例、售前方案、ppt等&#xff0c;同时也有面向学生的网络安全面试、护网面试等。 01 — 数据分类分级的定义 数据分…...

编程日记 2024/6/12 21:31:30

stm32 启动文件分析

启动文件前面的介绍 启动文件是后缀为.s的汇编语言文本文件&#xff0c;每行前面的分号表示此行是注释行。 启动文件主要完成如下工作&#xff0c;即程序执行过程&#xff1a; - 设置堆栈指针SP __initial_sp。 - 设置PC指针 Reset_Handler。 - 设置中断向…...

编程日记 2024/6/12 21:30:29

playwright--简单使用

playwright的基本使用主要围绕着启动浏览器、导航至网页、操作页面元素、执行脚本和收集数据这几个核心步骤。以下是简单的使用流程&#xff0c;以同步API为例&#xff1a; 目录 1. 导入库并启动playwright 2. 创建新页面并导航 3. 操作页面元素 4. 异步操作与等待 5. 数…...

编程日记 2024/6/12 21:26:25

pom学习笔记：kimi的自动化操作

1.先看结构&#xff1a; 声明&#xff1a;我是初学&#xff0c;可能有不合理的地方。 2.Base层。 我是把原来一个kimi的自动问答的代码改过来。 分析&#xff1a;其实我是新手&#xff0c;因为我用的浏览器是固定的&#xff0c;也没有打算和别人用。所以浏览器层面年的全部写…...

编程日记 2024/6/12 21:25:23

【iOS】UI学习——界面切换

界面切换 push和poppresent和dismiss示例程序 push和pop 在 Objective-C 中,pop 和 push 通常是与 UINavigationController 一起使用的方法,用于控制导航栈中视图控制器的跳转和回退。 push 和 pop 通常成对使用,用于实现导航栈的前进和后退功能。当用户进入新的视图控制器时…...

编程日记 2024/6/12 21:24:21

5步实现消息永久可见：微信QQ防撤回设置完全指南

5步实现消息永久可见&#xff1a;微信QQ防撤回设置完全指南 【免费下载链接】RevokeMsgPatcher :trollface: A hex editor for WeChat/QQ/TIM - PC版微信/QQ/TIM防撤回补丁&#xff08;我已经看到了&#xff0c;撤回也没用了&#xff09; 项目地址: https://gitcode.com/GitH…...

编程新知 2026/3/28 13:44:26

如何在Windows电脑上轻松安装安卓应用：APK-Installer完全指南

如何在Windows电脑上轻松安装安卓应用&#xff1a;APK-Installer完全指南 【免费下载链接】APK-Installer An Android Application Installer for Windows 项目地址: https://gitcode.com/GitHub_Trending/ap/APK-Installer 想在Windows电脑上直接安装安卓应用吗&#x…...

编程新知 2026/3/28 13:42:25

嘎嘎降AI使用教程：手把手教你用嘎嘎降AI降论文ai率，从97%降到7%实操

嘎嘎降AI使用教程&#xff1a;手把手教你用嘎嘎降AI降论文ai率&#xff0c;从97%降到7%实操 说实话&#xff0c;我当时论文被检测出AI率97%的时候&#xff0c;整个人是懵的。导师直接把报告甩给我说"你这论文是不是全让AI写的"&#xff0c;我那叫一个尴尬。后来折腾了…...

编程新知 2026/3/28 13:26:21

IndexTTS-2-LLM语音生成延迟高？CPU算力优化实战指南

IndexTTS-2-LLM语音生成延迟高&#xff1f;CPU算力优化实战指南 1. 问题背景与挑战 IndexTTS-2-LLM作为一款优秀的智能语音合成系统&#xff0c;在语音质量和自然度方面表现出色。但在CPU环境下运行时&#xff0c;用户经常会遇到语音生成延迟较高的问题&#xff0c;影响使用体…...

编程新知 2026/3/28 12:40:00

C++ 虚表与多态：从源码到汇编的逐步解析

本文基于代码随想录最强八股文给出的 C 源码与对应的 x86-64&#xff08;System V ABI 风格&#xff09;反汇编&#xff0c;按“程序运行流程”一步步解释&#xff1a; 对象内存里 vptr&#xff08;虚表指针&#xff09; 在哪构造函数如何 写入 vptrAnimal* 指针如何通过 vtabl…...

编程新知 2026/3/28 11:59:45

别再踩坑了！Windows 10下Mamba-SSM 2.2.2 + CUDA 12.4保姆级安装指南（附已修复依赖包）

Windows 10下Mamba-SSM 2.2.2与CUDA 12.4终极配置指南 在深度学习领域&#xff0c;Mamba-SSM因其高效的状态空间模型架构而备受关注。然而&#xff0c;对于Windows用户而言&#xff0c;配置一个可用的Mamba-SSM环境往往是一场噩梦。本文将带你一步步避开所有陷阱&#xff0c;完…...

编程新知 2026/3/28 10:51:03

VideoCombine节点故障急救：6个非典型解决方案助你恢复视频合成功能

VideoCombine节点故障急救&#xff1a;6个非典型解决方案助你恢复视频合成功能 【免费下载链接】ComfyUI-VideoHelperSuite Nodes related to video workflows 项目地址: https://gitcode.com/gh_mirrors/co/ComfyUI-VideoHelperSuite 在视频创作的关键环节&#xff0c;…...

编程新知 2026/3/28 9:10:08

VideoAgentTrek-ScreenFilter高级配置：针对特定内容的过滤规则自定义教程

VideoAgentTrek-ScreenFilter高级配置&#xff1a;针对特定内容的过滤规则自定义教程 你是不是在用VideoAgentTrek-ScreenFilter处理视频时&#xff0c;发现有些内容它没过滤掉&#xff0c;或者有些不该过滤的却被误伤了&#xff1f;比如&#xff0c;你想屏蔽掉视频里某个特定…...

编程新知 2026/3/28 9:06:03

罗技鼠标宏：专业级压枪系统构建指南

罗技鼠标宏&#xff1a;专业级压枪系统构建指南 【免费下载链接】logitech-pubg PUBG no recoil script for Logitech gaming mouse / 绝地求生 罗技 鼠标宏 项目地址: https://gitcode.com/gh_mirrors/lo/logitech-pubg 在竞技射击游戏中&#xff0c;精准控制武器后坐力…...

编程新知 2026/3/28 9:04:03

2026最新：宁波高新区代理记账收费标准公布，科技企业月均300元起

上周一位在高新区软件园创业的李总问我&#xff1a;"我们公司刚成立&#xff0c;就3个人&#xff0c;找一个代理记账一个月要花多少钱&#xff1f;"这个问题几乎是每个高新区创业者都会问的。作为在宁波服务了15年的财税机构&#xff0c;今天我就给大家说个明白。高新…...

编程新知 2026/3/28 8:31:53