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

css3新增的伪类有哪些

news 文章来源：https://blog.csdn.net/ggq53219/article/details/139636401 2025/1/10 23:55:08

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

【悬架笔记三】1/4被动悬架垂向动力学仿真+频域特性分析

1/4被动悬架 代码&#xff1a; %书第156页、159页 clc clear close all %% 一.悬架参数 ms320; mw50; Ks22000; Cs1500; Kw195000; f00.07; %% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %% 二.垂向振动动力学仿真 %% 二.1.状态方程 A [0 1 0 -1;.…...

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

【C++】——继承（详解）

一 继承的定义和概念 1.1 继承的定义 继承(inheritance)机制是面向对象程序设计使代码可以复用的最重要的手段&#xff0c;它允许程序员在保 持原有类特性的基础上进行扩展&#xff0c;增加功能&#xff0c;这样产生新的类&#xff0c;称派生类&#xff0c;被继承的称为基类…...

编程日记 2024/6/12 21:22:19

openGauss学习笔记-299 openGauss AI特性-AI4DB数据库自治运维-DBMind的AI子功能-SQLdiag慢SQL发现

文章目录 openGauss学习笔记-299 openGauss AI特性-AI4DB数据库自治运维-DBMind的AI子功能-SQLdiag慢SQL发现299.1 概述299.2 使用指导299.2.1 前提条件299.2.2 SQL流水采集方法299.2.3 操作步骤299.2.4 使用方法示例299.3 获取帮助299.4 命令参考299.5 常见问题处理openGauss学…...

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

Git 分支管理规范化[Git Flow ]分支管理策略

分支命名规范 master 分支&#xff1a;master 分支只有一个&#xff0c;名称即为 master。GitHub 现在叫 main develop 分支&#xff1a;develop 分支只有一个&#xff0c;名称即为 developfeature 分支&#xff1a;feature/<功能名>&#xff0c;例如&#xff1a;featu…...

编程日记 2024/6/12 21:20:16

一键Mock工具（Http协议接口调试工具）

点击下载《一键Mock工具&#xff08;Http协议接口调试工具》 1. 前言 在进行Web开发时&#xff0c;前端小伙伴通常是和后端开发人员同步进行项目开发&#xff0c;经常会遇到后端开发人员接口还没开发完&#xff0c;也没有可以调试的环境&#xff0c;只能按照接口文档进行“脑…...

编程日记 2024/6/12 21:19:15

Golang的context

目录 context的基本使用 为什么需要context Context interface 标准 error emptyCtx cancelCtx Deadline 方法 Done 方法 Err 方法 Value 方法 context.WithCancel() newCancelCtx WithCancel中propagateCancel cancel timerCtx valueCtx context的基本使用…...

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

Android 各个版本名称和特性总结（持续更新）

我们就从Android 5.0开始吧&#xff0c;因为从写文时起&#xff0c;大部分手机都到5.0了。 目录 Android5.0 &#xff08;Lollipop 棒棒糖&#xff09;新特性 Android6.0新特性 Android7.0新特性 Android8.0(O)新特性 Android9.0新特性 Android10.0(Q)新特性 Android11…...

编程日记 2024/6/12 21:16:11

9.0 Android中的网络技术

Android中网络相关的技术&#xff0c;主要分别两种&#xff0c;一种为直接显示网页&#xff0c;另外一种为获取服务器中的数据进行设置。 权限声明 访问网络是需要声明权限 <manifest xmlns:android"http://schemas.android.com/apk/res/android"package"…...

编程日记 2024/6/12 21:15:10

linux查看端口是否被占用 / 包含某个字符的文件/当前正在运行的进程/根据端口号查找进程

查看端口是否被占用 netstat -tuln | grep 80查看包含某个字符的文件 grep -rl "aaa" .r &#xff1a;递归搜索子目录。l &#xff1a;只显示包含匹配字符串的文件名。 ack "your_string"查看当前正在运行的进程 ps aux或者使用 top 命令用于实时显示当…...

编程日记 2024/6/12 21:13:07

解锁 JavaScript ES6：函数与对象的高级扩展功能

个人主页&#xff1a;学习前端的小z 个人专栏&#xff1a;JavaScript 精粹 本专栏旨在分享记录每日学习的前端知识和学习笔记的归纳总结&#xff0c;欢迎大家在评论区交流讨论&#xff01; ES5、ES6介绍 文章目录 &#x1f4af;ES6函数扩展&#x1f353;1 默认参数&#x1f35…...

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

lol做直播网站/外链价格

...

编程日记 2025/1/10 22:55:59

衡阳网站建设衡阳千度网络/友链对网站seo有帮助吗

“微软实现企业信息系统远程客户端的安全技术及应用-石家庄站活动”召开在即&#xff01;热忱期待您的光临&#xff01;感谢您对本次活动的热情参与&#xff01; 城 市&#xff1a;石家庄 时 间&#xff1a;2005年11月16日 13&#xff1a;30-17&#xff1a…...

编程日记 2025/1/10 22:38:52

桥头做网站/河南seo排名

导读&#xff1a;在本文中&#xff0c;我们讨论怎样使用Zookeeper、Redis和DynamoDB实现URL短网站服务。关于短网址服务在通常情况下&#xff0c;URL是由系统生成的&#xff0c;通常包括URI路径&#xff0c;多个查询参数&#xff0c;可以对参数进行加密和解密。当人们要分享某个…...

编程日记 2025/1/10 19:50:41

建设医疗网站/关键词批量调词 软件

实验目的&#xff1a; 1 使用ADLDAP验证用户 2 在AD中给用户添加banner 拓扑&#xff1a; ASA配置&#xff1a; : Saved : ASA Version 8.4(2) ! hostname ciscoasa enable password 8Ry2YjIyt7RRXU24 encrypted passwd 2KFQnbNIdI.2KYOU encrypted names ! interface Gigabit…...

编程日记 2025/1/10 15:49:38

武汉小程序开发制作/站长工具seo综合查询工具

场景&#xff1a; 我们现在有一个树状结构的数据&#xff0c;如下图&#xff1a; 大概的数据结构如下&#xff1a; const tree {value: 根节点,children: [{value: 学校,children: [{value: 学生,children: [{value: 年龄,children: [{value: 身高}]}]}......]}]}现在我们要…...

编程日记 2025/1/10 15:01:17

新闻cms静态网站模板下载/网络营销师官网

#禁用gpu版本TensorFlow&#xff0c;因为CUDA号码从0开始&#xff0c;这里直接让CUDA使用-1的GPU&#xff0c;自然就无法使用gpu了。 代码前面加入&#xff1a; import os os.environ["CUDA_VISIBLE_DEVICES"]"-1" import tensorflow as tf Environm…...

编程日记 2025/1/10 14:45:10