Selenium Invalid Selector Exception：无法定位指定按钮求助

问题原因分析 #

1. By.CLASS_NAME 使用错误：该方法仅支持单个类名，无法识别用连字符拼接或空格分隔的多类名组合，这是触发 Invalid Selector Exception 的直接原因。
2. cmp-button__text 匹配范围过广：该类名在页面中重复出现，导致选中非目标元素。

可行解决方案 #

方案1：通过XPath精准定位按钮（推荐）

利用按钮子元素的文本内容和层级关系定位，确保只匹配目标按钮：

from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
from selenium.webdriver.common.by import By

# 等待元素可点击（超时时间10秒）
wait = WebDriverWait(browser, 10)
target_button = wait.until(EC.element_to_be_clickable(
    (By.XPATH, "//span[text()='View More']/parent::button")
))
target_button.click()

如果页面存在多个"View More"文本，可增加父元素约束进一步缩小范围：

target_button = wait.until(EC.element_to_be_clickable(
    (By.XPATH, "//div[contains(@class, 'button mt-8')]/button[.//span[text()='View More']]")
))

方案2：使用CSS选择器组合多类名

选择按钮上的唯一特征类名组合（如cmp-button + bg-beige-200 + min-w-[12rem]），避免冲突：

wait = WebDriverWait(browser, 10)
target_button = wait.until(EC.element_to_be_clickable(
    (By.CSS_SELECTOR, "button.cmp-button.bg-beige-200.min-w-[12rem]")
))
target_button.click()

方案3：通过父容器定位

先定位按钮所在的父div，再从中获取按钮元素：

parent_div = wait.until(EC.presence_of_element_located(
    (By.CSS_SELECTOR, "div.button.text-center.md:mt-12")
))
target_button = parent_div.find_element(By.CSS_SELECTOR, "button.cmp-button")
target_button.click()

关键注意事项 #

• 始终使用 WebDriverWait 等待元素加载完成，避免因页面未渲染完全导致的元素不可交互问题。
• 优先选择包含唯一特征的定位方式（如文本内容、特殊类名组合），减少误匹配概率。

内容的提问来源于stack exchange，提问作者Chicken Sandwich No Pickles