惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

博客园 - 三生石上(FineUI控件)
Blog — PlanetScale
Blog — PlanetScale
B
Blog
GbyAI
GbyAI
爱范儿
爱范儿
月光博客
月光博客
N
Netflix TechBlog - Medium
T
Tailwind CSS Blog
G
Google Developers Blog
大猫的无限游戏
大猫的无限游戏
Vercel News
Vercel News
H
Hackread – Cybersecurity News, Data Breaches, AI and More
WordPress大学
WordPress大学
The GitHub Blog
The GitHub Blog
Recent Announcements
Recent Announcements
腾讯CDC
MyScale Blog
MyScale Blog
V
Visual Studio Blog
The Cloudflare Blog
Microsoft Security Blog
Microsoft Security Blog
A
About on SuperTechFans
Google DeepMind News
Google DeepMind News
Last Week in AI
Last Week in AI
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻

博客园 - 520_1351

使用Notepad++的快捷键运行Python时-报错-The security information for shortcuts.xml is missing in config.xml Powerautomate-控制Edge-浏览器-报错-Failed to assume control of Microsoft Edge (communication with Power Automate web extension failed) 关于-密码学算法中-类似-编程函数pow(3, 13, 7)的计算-快速幂算法结合模运算(Exponentiation by Squaring with Modular Reduction) 关于AWS-EC2-串口登录的-IAM权限-Policy-策略 关于 AWS Lambda 中的默认的时区-日期-时间-注意点 关于使用 javascript 脚本语言中的 location.reload() 刷新当前页面 关于Bash - Shell脚本中的索引数组(Indexed Array) 关于Linux系统中-使用passwd对用户密码的锁定与解锁 关于 Redhat - 9 - 补丁升级后-旧版本内核相关的软件包卸载 关于 Redhat - 9 下 postfix 的安装配置 与 mail 命令发送邮件 关于 Amazon Linux 2023 (AL2023) 默认情况下确实没有 /var/log/secure 文件的解决方法 关于-HTML-内容-元素定位- CSS Selector 与 XPath 的说明及区别 关于Microsoft Power Automate-操作-Microsoft Access 数据库-【运行Access查询】 关于 Javascript 中 console.log("xxxx")-及console-对象其他常用的方法 关于Provider=Microsoft.ACE.OLEDB.12.0 与 Provider=Microsoft.ACE.OLEDB.16.0 的区别 通过Powershell-脚本-将指定的日期-转换成年周-格式-周数宽度为2 关于Windows-操作系统中-对带日期-或-数字-的文件目录-按名称排序的规则 关于Microsoft Power Automate-元素的定位-自定义写法去定位时-:nth-child 与 :eq 的区别 关于使用-Python-Selenium-模块-加载浏览器的扩展-的方法及注意事项-及只能加载一个扩展的解决方法 关于-根据-ISO8601-国际标准-计算一年中的周数-每年最少52周-每多53周 Redhat-9-中编译-EFS-客户端工具-即过程中-报错提示-warning: aws-lc-fips-sys@0.13.9: Building with: CMake-解决方法 关于Microsoft Power Automate-调用-Outlook-发送邮件-报错- A program is trying to access emal address information stored in Outlook 关于powershell中的-哈希表-Hashtable-类型-说明-类似于python中的字典 关于HTML中<font><b><i><s>等字体标签对-物理字体-逻辑字体的介绍及说明
关于标准CSS伪类-以及在-Power Automate-等自动化工具中的使用
520_1351 · 2025-12-27 · via 博客园 - 520_1351

标准 CSS 伪类,  是指由 W3C(万维网联盟)在 CSS 规范中正式定义、并被现代浏览器原生支持的 伪类选择器(pseudo-classes)。

伪类是一种 CSS 选择器的扩展语法,用于选择元素的 特定状态或位置关系,而不是基于标签名、类名或 ID。

它的基本写法是:

selector:pseudo-class { /* 样式 */ }

举例说明:

a:hover                     /* 鼠标悬停时的链接 */
li:first-child              /* 父元素的第一个子元素(且是 li) */
tr:nth-child(2)             /* 表格中的第二行 */
tr::last-child              /* 表格中的最后一行*/
input:focus                 /* 获得焦点的输入框 */

伪类不是真实存在的 HTML 类,而是浏览器根据元素状态“动态计算”出来的虚拟状态。

标准 CSS 伪类, 强调的是:

 特性  说明
 由 W3C 定义  写在官方 CSS 规范文档中(如 CSS Selectors Level 3/4)
 浏览器原生支持  不依赖 jQuery、React 或其他 JS 库,所有现代浏览器(Chrome, Firefox, Edge, Safari)都直接支持
 可在任何 CSS 或原生选择器场景使用  包括:
• 网页样式表(.css 文件)
• document.querySelector()
• Power Automate / Selenium / Puppeteer 等自动化工具

🔸 常见的标准 CSS 伪类示例
1. 结构伪类(Structural pseudo-classes)用于根据元素在文档树中的位置选择:

:first-child
:last-child
:nth-child(n)
:nth-of-type(n)
:not(selector)

✅ 这些是你在 Power Automate 中可以安全使用的。

2. 用户交互伪类, 反映用户操作状态:

:hover(鼠标悬停)
:focus(获得焦点)
:active(激活中,如点击时)

⚠️ 注意:自动化工具(如 Power Automate)通常无法触发 :hover,因为没有真实鼠标。

3. 表单相关伪类

:checked(复选框/单选框被选中)
:disabled
:valid / :invalid

尊重别人的劳动成果 转载请务必注明出处:https://www.cnblogs.com/5201351/p/19410164