如何定位带::before/::after伪元素label的复选框并实现自动化？

直接定位input元素失败，大概率是因为该元素被设置为不可见（比如display: none），页面上实际可交互的是关联的label元素或包含伪元素的容器。以下是几种可行的定位方法：

方法1：通过关联的label元素定位 #

复选框的label通常和input通过for属性绑定，你可以直接定位对应的label并点击：

//label[@for='serenity']

如果label有明确文本，也可以用文本匹配定位：

//label[text()='Serenity']

方法2：通过父容器定位input并强制点击 #

如果必须定位input元素，可以先找到它的父容器，再定位子元素。由于input可能不可见，需要用脚本强制触发点击（以Selenium为例）：

//div[contains(@class,'custom-checkbox')]/input[@id='serenity']

执行点击的代码示例：

serenity_checkbox = driver.find_element(By.XPATH, "//div[contains(@class,'custom-checkbox')]/input[@id='serenity']")
driver.execute_script("arguments[0].click();", serenity_checkbox)

方法3：通过CSS选择器定位 #

利用CSS选择器可以更精准地定位目标元素：

• 定位可交互的label：

label[for='serenity']

• 定位input元素（配合脚本点击）：

div.custom-checkbox input#serenity

你可以先通过浏览器开发者工具（F12）检查元素的实际状态，确认input是否可见，以及伪元素所在的容器结构，再调整定位表达式。

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