Selenium：无需文本匹配用CSS选择器定位相同父元素子元素

问题场景 #

使用Selenium WebDriver自动化Magento测试网站的购物筛选器操作，目标是交互尺寸、材质、价格等筛选器，随机选择并点击其下<li>选项。现有XPATH方案可行，但希望用CSS选择器替代，避免依赖文本内容（如text()='Material'）。

现有XPATH实现 #

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

# 定位材质筛选器标题并展开
material = WebDriverWait(driver, 10).until(
    EC.visibility_of_element_located((By.XPATH, "//div[@class='filter-options-title' and text()='Material']"))
)
material.click()

# 获取材质选项列表并随机点击
material_list = WebDriverWait(driver, 10).until(
    EC.visibility_of_all_elements_located((By.XPATH, "following-sibling::div[@class='filter-options-content']//ol//li"))
)
choice(material_list).click()

替代CSS选择器方案 #

1. 基于筛选器的位置索引定位 #

由于页面共有12个.filter-options-item父元素，可通过nth-child()选择器定位目标筛选器的位置（索引从1开始）。假设材质筛选器是第3个，示例代码如下：

# 定位第3个筛选器的标题并展开
material_title = WebDriverWait(driver, 10).until(
    EC.visibility_of_element_located((By.CSS_SELECTOR, ".filter-options-item:nth-child(3) .filter-options-title"))
)
material_title.click()

# 获取该筛选器下的所有选项并随机点击
material_options = WebDriverWait(driver, 10).until(
    EC.visibility_of_all_elements_located((By.CSS_SELECTOR, ".filter-options-item:nth-child(3) .filter-options-content .items .item"))
)
choice(material_options).click()

注意：需提前确认目标筛选器在页面中的固定位置，若页面结构调整导致位置变化，需同步修改索引。

2. 利用父元素的隐含属性（若存在） #

检查.filter-options-item是否有未显示的自定义属性（如data-filter、data-id等），若有可直接通过属性定位：

# 假设材质筛选器有data-filter="material"属性
material_title = WebDriverWait(driver, 10).until(
    EC.visibility_of_element_located((By.CSS_SELECTOR, ".filter-options-item[data-filter='material'] .filter-options-title"))
)
material_title.click()

该方案稳定性最高，优先查看页面源码是否存在此类标识。

3. 结合子元素特征反向定位（备选） #

若筛选器的选项有独特内容（如材质的选项为Cotton/Polyester/Wool），可通过:has()选择器反向定位父筛选器（需浏览器支持CSS :has()，如Chrome 105+）：

# 通过包含Cotton选项的内容块，定位对应的筛选器标题
material_title = WebDriverWait(driver, 10).until(
    EC.visibility_of_element_located((By.CSS_SELECTOR, ".filter-options-item:has(.filter-options-content .item a[href*='cotton']) .filter-options-title"))
)
material_title.click()

此方案仍间接依赖内容，但比直接匹配标题文本更稳定（URL参数通常比页面文本更不易修改）。

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