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

Selenium-Java版（css表达式）

article 2025/9/20 1:26:09

css表达式

前言

根据 tag名、id、class 选择元素

tag名

#id

.class

选择子元素和后代元素

定义

语法

根据属性选择

验证CSS Selector

组选择

按次序选择子节点

父元素的第n个子节点

父元素的倒数第n个子节点

父元素的第几个某类型的子节点

父元素的倒数第几个某类型的子节点

奇数节点和偶数节点

兄弟节点选择

前言

参考教程：Python + Selenium Web自动化 2024版 - 自动化测试爬虫_哔哩哔哩_bilibili

上期文章： Selenium-Java版（操作元素）-CSDN博客

根据 tag名、id、class 选择元素

tag名

List<WebElement> elements = wd.findElements(By.cssSelector("div"));

等价于

List<WebElement> elements = wd.findElements(By.tagName("div"));

#id

WebElement element = wd.findElement(By.cssSelector("#searchtext"));

等价于

WebElement element = wd.findElement(By.id("searchtext"));

.class

List<WebElement> elements = wd.findElements(By.cssSelector(".animal"));

等价于

List<WebElement> elements = wd.findElements(By.className("animal"));

选择子元素和后代元素

定义

在这段HTML代码中：

id为layer1和layer2的两个元素是id为container的元素的直接子元素

id为inner11和inner12的两个元素是id为layer1的元素的直接子元素

id为inner21的div元素是id为layer2的div元素的直接子元素

id为inner11、id为inner12和id为inner21的元素以及两个span元素是id为container的div元素的后代元素

语法

如果元素2是元素1的直接子元素，需要选择元素2

元素1 > 元素2

可以套娃，选择元素4

元素1 > 元素2 > 元素3 > 元素4

如果元素2是元素1的后代元素，需要选择元素2，中间用空格

元素1   元素2

也可以套娃，选择元素4

元素1   元素2   元素3  元素4

大于号和空格还可以混用

示例

List<WebElement> elements = wd.findElements(By.cssSelector("#container>#layer1 span"));

根据属性选择

除了id、class这种web元素的常用属性，css 选择器支持通过任何属性来选择元素，语法是用一个方括号 [] 。

运行代码

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.edge.EdgeDriver;import java.time.Duration;
import java.util.Scanner;public class Main {public static void main(String[] args) {// 创建WebDriver对象WebDriver wd = new EdgeDriver();wd.manage().timeouts().implicitlyWait(Duration.ofSeconds(10));// 打开网页wd.get("https://www.byhy.net/cdn2/files/selenium/sample1.html");// 根据属性选择元素WebElement element = wd.findElement(By.cssSelector("[href='http://www.miitbeian.gov.cn']"));// 打印出元素对应的htmlSystem.out.println(element.getAttribute("outerHTML"));// 创建Scanner对象等待用户输入Scanner scanner = new Scanner(System.in);System.out.println("等待回车键结束程序");scanner.next();// 关闭浏览器wd.quit();}
}

输出结果

前面可以加上标签名的限制，中间不能有空格，否则代表的是上级的标签名

WebElement element = wd.findElement(By.cssSelector("a[href='http://www.miitbeian.gov.cn']"));

表示选择所有标签名为a，href属性值为http://www.miitbeian.gov.cn的元素。

也可以不指定属性值，直接[href]，表示选择所有具有属性名为href 的元素，不管属性值。

还可以选择属性值包含某个字符串的元素

如：选择a节点里面的href属性包含了miitbeian字符串的元素

a[href*='miitbeian']

还可以选择属性值以某个字符串开头的元素

a[href^='http']

还可以选择属性值以某个字符串结尾的元素

a[href$='gov.cn']

如果一个元素有多个属性，可以指定同时具有多个属性的限制, 如：

div[class='misc'][ctype='gun']

验证CSS Selector

打开开发者工具栏后，按ctrl+f可以打开搜索框

有高亮显示元素，说明CSS语法正确

组选择

选择所有 id 为 t1 里面的span和p元素，使用逗号

#t1 > span , #t1 > p

不能这样写，因为这样是选择所有id为t1里面的span和所有的p元素

#t1 > span,p

注意：组选择结果列表中的排序，不是组表达式的次序，而是元素在HTML文档中的出现的次序。

按次序选择子节点

父元素的第n个子节点

    <body>  <div id='t1'><h3> 唐诗 </h3><span>李白</span><p>静夜思</p><span>杜甫</span><p>春夜喜雨</p>              </div>      <div id='t2'><h3> 宋词 </h3><span>苏轼</span><p>赤壁怀古</p><p>明月几时有</p><p>江城子·乙卯正月二十日夜记梦</p><p>蝶恋花·春景</p><span>辛弃疾</span><p>京口北固亭怀古</p><p>青玉案·元夕</p><p>西江月·夜行黄沙道中</p></div>             </body>

选择唐诗和宋词的第一个作者，也就是说选择的是第2个子元素，并且是span类型

span:nth-child(2)

如果不加节点类型限制，写成这样

:nth-child(2)

就是选择所有位置为第2个的所有元素，不管是什么类型，这里就会把id='t2'整个元素选进去。

如果这样写，只选到李白

#t1>:nth-child(2)

父元素的倒数第n个子节点

选择的是父元素的倒数第一个子节点，并且是p元素

p:nth-last-child(1)

父元素的第几个某类型的子节点

同样选择李白和苏轼

span:nth-of-type(1)

如果选择杜甫和辛弃疾

span:nth-of-type(2)

父元素的倒数第几个某类型的子节点

选择静夜思和青玉案·元夕

p:nth-last-of-type(2)

奇数节点和偶数节点

选择的是父元素的偶数节点

p:nth-child(even)

选择的是父元素的奇数节点

p:nth-child(odd)

选择的是父元素的某类型偶数节点

p:nth-of-type(even)

选择的是父元素的某类型奇数节点

p:nth-of-type(odd)

兄弟节点选择

选择李白和苏轼，就是选择h3后面紧跟着的兄弟节点span

h3 + span

选择所有作者，就是选择h3后面所有的兄弟节点span

h3 ~ span

也可以在前面加父元素的tag名或者属性，更精确查找

Selenium-Java版（css表达式）

css表达式前言根据 tag名、id、class 选择元素 tag名 #id .class 选择子元素和后代元素定义语法根据属性选择验证CSS Selector 组选择按次序选择子节点父元素的第n个子节点父元素的倒数第n个子节点父元素的第几个某类型的子节点父元素的…...

编程日记 2025/9/20 1:26:09

产品更新丨谷云科技 iPaaS 集成平台 V7.5 版本发布

五月，谷云科技 iPaaS 集成平台保持月度更新， V7.5 版本于近日正式发布。我们一起来看看新版本有哪些升级和优化。核心新增功能：深化API治理，释放连接价值 API网关：全链路可控，精准管控业务状态业务状态…...

编程日记 2025/9/19 6:19:17

深度学习让鱼与熊掌兼得

通常,一个大的复杂的模型的loss会低,但是拟合方面不够,小的模型在拟合方面更好,但是loss高,我们可以通过深度学习来得到一个有着低loss的小模型我们之前学过,peacewise linear可以用常数加上一堆这个阶梯型函数得到,然后因为peacewise linear可以逼近任何function,所以理论上…...

编程日记 2025/9/18 7:23:13

TDuckX 2.6 正式发布｜API 能力开放，核心表单逻辑重构，多项实用功能上线。

大家好，TDuckX 2.6 已正式发布。本次更新以可集成性提升、数据处理能力增强和交互体验优化为核心，新增了包括新增OpenAPI 模块、表单数据批量修改、字段导出分列等多个面向开发者和实际业务落地场景的功能。我们也重构了部分底层逻辑模块&#xff…...

编程日记 2025/9/18 6:55:42

LeetCode Hot100刷题——除自身以外数组的乘积

238. 除自身以外数组的乘积给你一个整数数组 nums，返回数组 answer ，其中 answer[i] 等于 nums 中除 nums[i] 之外其余各元素的乘积。题目数据保证数组 nums之中任意元素的全部前缀元素和后缀的乘积都在 32 位整数范围内。请不要使用除法&a…...

编程日记 2025/9/19 4:21:10

JAVA EE（进阶）_进阶的开端

别放弃浸透泪水的昨天，晨光已为明天掀开新篇 ——陳長生. ❀主页：陳長生.-CSDN博客❀ 📕上一篇：JAVA EE_HTTP-CSDN博客 1.什么是Java EE Java EE（Java Pla…...

编程日记 2025/9/5 7:44:07

PDF批量合并拆分+加水印转换编辑加密 OCR 识别

各位办公小能手们！你们有没有遇到过被PDF文件折腾得晕头转向的时候呀？其实啊，有专门处理、编辑、管理和优化PDF文件的软件，那就是PDF工具。它功能老多了，有文档格式转换、内容编辑、页面管理、安全保护这些核心功能。下…...

编程日记 2025/9/17 19:10:52

Go语言交替打印问题及多种实现方法

Go语言交替打印问题及多种实现方法在并发编程中，多个线程（或 goroutine）交替执行任务是一个经典问题。本文将以 Go 语言为例，介绍如何实现多个 goroutine 交替打印数字的功能，并展示几种不同的实现方法。 Go 语言相关…...

编程日记 2025/9/18 1:28:51

ArcGIS Pro调用多期历史影像

一、访问World Imagery Wayback，基本在我国范围如下图： 二、放大到您感兴趣的区域三、查看影像版本信息点击第二步的按钮后，便可跳转至World Imagery (Wayback 2025-04-24)的相关信息。四、点击上图影像版本信息，页面跳转…...

编程日记 2025/9/18 11:25:21

10.11 LangGraph多角色Agent开发实战：生产级AI系统架构与性能优化全解析

LangGraph 项目：High-level API for Multi-actor Agents 关键词：LangGraph 多角色 Agent, 状态管理, 持久化机制, 工作流编排, 生产级 AI 系统 1. LangGraph 设计哲学与架构演进 LangGraph 是 LangChain 生态中首个面向多角色协作 Agent 的高阶 API 框架，其核心设计思想可…...

编程日记 2025/6/15 22:30:50

组态王|组态王中如何添加西门子1200设备

哈喽，你好啊，我是雷工！最近使用组态王采集设备数据，设备的控制器为西门子的1214CPU，这里边实施边记录，以下为在组态王中添加西门子1200PLC的笔记。 1、新建在组态王工程浏览器中选择【设备】→点击【新建】。 2、选择设备和设备建立通讯要通过对应的设备驱动。在…...

编程日记 2025/9/18 7:55:00

发布时将多个bpl 打包成一个bpl的方法，或者说：不需要vcl60.bpl情况下 18.5K的exe 照常可以运行。

其实这种方式就是把项目的逻辑和业务和依赖分开。控件和IDE 相对来说一段时间内不会改变。更新只是更新一些项目的逻辑，例如你在代码里多写了一个 if ，这样就可以只更新这个极小的exe。题：关于bpl发布时将vcl60.bpl，vcld…...

编程日记 2025/9/5 8:24:18

6.2.2邻接表法-图的存储

知识总览： 为什么要用邻接表因为邻接矩阵的空间复杂度高(O(n))，且不适合边少的稀疏图，所以有了邻接表用代码表示顶点、图声明顶点图信息声明顶点用一维数组存储各个顶点的信息，一维数组字段包括2个，每个顶点的…...

编程日记 2025/9/18 1:49:16

C++23 放宽范围适配器以允许仅移动类型（P2494R2）

文章目录引言背景与动机提案内容与实现细节提案 P2494R2实现细节编译器支持对开发者的影响提高灵活性简化代码向后兼容性示例代码总结引言 C23 标准中引入了许多重要的改进，其中一项值得关注的特性是放宽范围适配器（range adaptors）以允…...

编程日记 2025/9/5 6:07:27

【技海登峰】Kafka漫谈系列（十一）SpringBoot整合Kafka之消费者Consumer

【技海登峰】Kafka漫谈系列（十一）SpringBoot整合Kafka之消费者Consumer spring-kafka官方文档： https://docs.spring.io/spring-kafka/docs/2.8.10/reference/pdf/spring-kafka-reference.pdf KafkaTemplate API： https://docs.spring.io/spring-kafka/api/org/springframe…...

编程日记 2025/9/18 23:16:53

Spring Boot三层架构设计模式

Spring Boot 的三层架构设计模式是一种经典的软件分层设计模式，旨在将应用程序划分为表现层（Controller）、业务逻辑层（Service）、数据访问层（Repository/DAO），通过清晰的职责划分提…...

编程日记 2025/7/3 6:35:35

在Java中调用Ant命令

在Java中调用Ant命令在Java程序中调用Ant命令有几种方法，下面介绍两种常用的方式： 1. 使用Runtime.exec()方法 import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader;public class AntRunner {public stat…...

编程日记 2025/7/8 18:13:09

WebRTC技术下的EasyRTC音视频实时通话SDK，助力车载通信打造安全高效的智能出行体验

一、方案背景随着智能交通与车联网技术的飞速发展，车载通信在提升行车安全、优化驾驶体验以及实现智能交通管理等方面发挥着越来越重要的作用。传统的车载通信方式在实时性、稳定性以及多媒体交互能力上存在一定局限，难以满足现代车载场景日益复杂的…...

编程日记 2025/9/17 11:04:00

数据科学和机器学习的“看家兵器”——pandas模块之二

目录 pandas 模块介绍 4.2 pandas 数据读取 4.2.1 课程目标 4.2.2 读取 Excel 文件中的数据（一）读取某个工作表中的数据（二）读取指定数据列的标签内容（三）读取指定数据行的标签内容（四）读取指定行或者列 4.2.3、读取 CSV 文件数据 4.2.4、课程总结回顾 4.2.5、课后…...

编程日记 2025/9/18 21:56:00

本地部署Firecrawl+Dify调用踩坑记录

最近自己研究Dify，使用到Firecrawl这个比较好用的工具。用Firecrawl官网的不知道为什么总是卡住得不到结果，于是我打算自己去本地部署一个。好家伙真给我人搞麻了，太多问题了。我是在京东云上面租的一台服务器。首先就是docker的安装&…...

编程日记 2025/6/14 10:55:53

MySQL--day2--基本的select语句

（以下内容全部来自上述课程） SQL概述结构化查询语句 1. SQL分类 DDL：数据定义（definition）语言：create、drop、alter… DML：数据操作（manipulation）语言&#xff…...

编程日记 2025/9/18 0:42:30

什么是dom？作用是什么

DOM 的定义 DOM（Document Object Model，文档对象模型）是 HTML 和 XML 文档的编程接口。它将文档解析为一个由节点和对象组成的树状结构，允许开发者通过编程方式动态访问和操作文档的内容、结构和样式。 DOM 的作用 DOM 的主要作…...

编程日记 2025/7/2 11:02:22

Trae - 国人Cursor的免费平替产品

前情提要：Cursor-零基础使用flutter完成贪吃蛇游戏-迄今为止世上最牛的AI编辑工具，不需要程序员也可以编程 Cursor 不是我的最佳选择 Cursor 是基于 VSCode 进化而来，虽然好用，但总结下来有几点点是我有所顾虑的。第一&#x…...

编程日记 2025/6/12 22:29:56

自动化：批量文件重命名

自动化：批量文件重命名 1、前言 2、效果图 3、源码一、前言今天来分享一款好玩的自动化脚：批量文件重命名有时候呢，你的文件被下载下来文件名都是乱七八糟毫无规律，但是当时你下载的时候没办法重名或者你又不想另存为重新重…...

编程日记 2025/9/18 23:16:28

Jsoup库和Apache HttpClient库有什么区别？

Jsoup 和 Apache HttpClient 是两个功能不同的库，它们在 Java 开发中被广泛使用，但用途和功能有明显的区别： Jsoup 用途：Jsoup 是一个用于解析 HTML 文档的库。它提供了非常方便的方法来抓取和解析网页内容，提取和操作…...

编程日记 2025/6/21 8:58:45

学习！FastAPI

目录 FastAPI简介快速开始安装FastApiFastAPI CLI自动化文档 Reqeust路径参数Enum 类用于路径参数路径参数和数值校验查询参数查询参数和字符串校验请求体多个请求体参数嵌入单个请求体参数 CookieHeader表单文件直接使用请求 ResponseResponse Model多个关联模型响应状态码…...

编程日记 2025/9/18 21:55:40