Selenium CSS 选择器详细讲解

Selenium WebDriver 使用 CSS 选择器来定位网页元素。CSS 选择器是一种强大的方式来选择特定的 HTML 元素，它们可以用来定位页面上的任何元素。

以下是一些常用的 CSS 选择器以及如何在 Selenium 中使用它们的示例：

1. 通过 ID 选择元素：

element = driver.find_element_by_css_selector("#elementId")

2. 通过类名选择元素：

elements = driver.find_elements_by_css_selector(".className")

3. 通过标签名选择元素：

elements = driver.find_elements_by_css_selector("div")

4. 通过属性选择元素：

element = driver.find_element_by_css_selector("input[name='username']")

5. 通过子元素选择：

element = driver.find_element_by_css_selector("div > p")

6. 通过后代选择元素（在给定的父元素内选择元素）：

element = driver.find_element_by_css_selector("form input")

7. 通过伪类选择元素（例如选择列表中的第一个元素）：

element = driver.find_element_by_css_selector("ul li:first-child")

8. 通过伪元素选择文本内容（例如选择某个元素的 ::before 伪元素中的内容）：

text = driver.find_element_by_css_selector("p::before").get_attribute("textContent")

注意：在使用 CSS 选择器时，确保选择器语法正确，并且元素在页面上可见且可交互。如果元素不是立即可见的，可能需要等待元素变为可点击或可交互状态。