如何在Selenium中使用CSS Selector定位第三个文本框并输入内容？

嗨，我来帮你搞定这个问题！要定位页面上的第三个文本框，我们可以通过CSS选择器的伪类来精准定位，下面分两部分详细说明：

一、CSS Selector表达式写法 #

根据你的页面结构，常用的有两种核心定位方式：

1. 使用:nth-of-type(3)伪类 #

这个伪类会筛选出同标签类型下的第3个元素。如果你的三个文本框都是<input type="text">标签，那么直接用：

input[type="text"]:nth-of-type(3)

如果文本框有共同的类名（比如class="form-input"），可以更精准：

.form-input:nth-of-type(3)

注意：nth-of-type是按同标签的兄弟元素排序的，比如父元素下有<div>和<input>混排，它只会统计<input>类型的元素顺序。

2. 使用:nth-child(3)伪类 #

如果三个文本框是某个父元素下的第3个子元素（不管标签类型），可以用这个伪类。比如父元素的id是form-group，写法是：

#form-group > :nth-child(3)

区别：nth-child是统计父元素下所有子元素的顺序，只要是第3个，不管它是什么标签，所以使用前要确认父元素下的第三个子元素确实是目标文本框。

二、在Selenium中使用CSS Selector定位并输入内容 #

以Python版本的Selenium为例，代码示例如下：

首先确保你已经导入必要的模块，然后通过By.CSS_SELECTOR来定位元素并输入内容：

from selenium import webdriver
from selenium.webdriver.common.by import By

# 初始化浏览器驱动
driver = webdriver.Chrome()
driver.get("你的网页地址")

# 示例1：用nth-of-type定位第三个文本框
third_textbox = driver.find_element(By.CSS_SELECTOR, 'input[type="text"]:nth-of-type(3)')
third_textbox.send_keys("需要输入的内容")

# 示例2：如果文本框有共同类名，比如class="user-input"
third_textbox = driver.find_element(By.CSS_SELECTOR, '.user-input:nth-of-type(3)')
third_textbox.send_keys("需要输入的内容")

# 示例3：通过父元素的nth-child定位
third_textbox = driver.find_element(By.CSS_SELECTOR, '#parent-container > :nth-child(3)')
third_textbox.send_keys("需要输入的内容")

小技巧 #

你可以用浏览器的开发者工具（F12）验证选择器是否正确：

1. 打开Elements面板
2. 按Ctrl+F（Windows）或Cmd+F（Mac）调出搜索框
3. 输入你写的CSS选择器，看是否精准选中第三个文本框

内容的提问来源于stack exchange，提问作者Aju