Selenium用CSS选择器定位多个元素方法

golang学习网今天将给大家带来《Selenium中CSS选择器定位多个元素方法》，感兴趣的朋友请继续看下去吧！以下内容将会涉及到等等知识点，如果你是正在学习文章或者已经是大佬级别了，都非常欢迎也希望大家都能给我建议评论哈~希望能帮助到大家！

本文详解Selenium中`InvalidSelectorException`异常的成因与修复方法，重点说明选择器类型（如`CSS_SELECTOR`）与查找方法（`find_elements`）的正确搭配，避免因混用`CLASS_NAME`与复合CSS语法导致的报错。

在使用Selenium进行网页元素定位时，一个常见错误是混淆定位策略（By.xxx）与实际CSS/HTML语法的语义匹配。例如，代码中试图用 By.CLASS_NAME 传入 .event-widget time 这一复合CSS选择器：

driver.find_element(By.CLASS_NAME, ".event-widget time")  # ❌ 错误！

这会直接抛出 selenium.common.exceptions.InvalidSelectorException 异常，原因有二：

1. 定位策略不匹配：By.CLASS_NAME 仅接受单一类名字符串（如 "event-widget"），不支持点号（.）、空格、标签名等CSS语法；而 .event-widget time 是标准CSS选择器，必须配合 By.CSS_SELECTOR 使用；
2. 单复数方法误用：.event-widget time 在页面中匹配多个 元素，应使用 find_elements()（返回列表），而非 find_element()（仅返回首个匹配项，且对不存在元素抛异常）。

✅ 正确写法如下：

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

chrome_driver_path = r"C:\development\chromedriver.exe"  # 注意：路径建议加 r 前缀或双反斜杠

driver = webdriver.Chrome(executable_path=chrome_driver_path)
driver.get("https://python.org")

# ✅ 使用 By.CSS_SELECTOR + find_elements()
event_times = driver.find_elements(By.CSS_SELECTOR, ".event-widget time")

for elem in event_times:
    print(elem.text)

driver.quit()  # 建议显式关闭浏览器，释放资源

? 输出示例（以当前Python官网事件日历为准）：

2023-02-05
2023-02-16
2023-02-21
2023-02-25
2023-03-06

⚠️ 注意事项：

• By.CLASS_NAME("event-widget") 可用于定位父容器，再链式调用 find_elements(By.TAG_NAME, "time")，但直接使用 CSS_SELECTOR 更简洁高效；
• Windows路径中的反斜杠 \ 易被误解析为转义字符，推荐使用原始字符串 r"C:\..." 或正斜杠 "C:/development/chromedriver.exe"；
• 现代Selenium 4+ 推荐使用 webdriver.Chrome() 无参初始化（通过 webdriver-manager 自动管理驱动），避免硬编码路径；
• 若元素动态加载，需添加显式等待（如 WebDriverWait(driver, 10).until(...)），防止 NoSuchElementException。

掌握定位策略与选择器语法的严格对应关系，是编写健壮自动化脚本的基础。务必根据目标表达式结构，选择正确的 By 枚举值，并匹配单/多元素查找方法。

文中关于的知识介绍，希望对你的学习有所帮助！若是受益匪浅，那就动动鼠标收藏这篇《Selenium用CSS选择器定位多个元素方法》文章吧，也可关注golang学习网公众号了解相关技术文章。