如何在 Selenium 中通过 CSS 选择器查找元素？

按 ID 选择: #elementID
按类选择: .elementClass
按属性选择: [attribute='value']
按后代选择: 父子级
按直接子级选择: 父级 &gt; 子级
按伪类选择: element:first-child

使用 Selenium 中的 CSS 选择器查找元素是一种定位网页元素的强大且灵活的方法。CSS 选择器用于在 Web 开发中将样式应用于元素，也可以在 Selenium 中用于精确识别元素。这种方法通常由于其快速和多功能性而备受青睐，可以让您根据各种属性、类名、ID 等选择元素。

要在 Selenium 中通过 CSS 选择器查找元素，需要使用 find_element_by_css_selector 方法。此方法允许您传递一个 CSS 选择器字符串，Selenium 将使用该字符串在网页上定位所需元素。

以下是如何使用 CSS 选择器在 Selenium 中查找元素的示例：

      from selenium import webdriver

# Initialize the WebDriver
driver = webdriver.Chrome(executable_path='/path/to/chromedriver')

# Open a webpage
driver.get('https://example.com')

# Find an element by CSS Selector
element = driver.find_element_by_css_selector('div.content > p.intro')

# Perform actions on the element, for example, extracting text
print(element.text)

# Close the WebDriver
driver.quit()

在此示例中，我们首先导入必要的 Selenium WebDriver 模块并初始化 Chrome WebDriver。然后导航到示例网页 https://example.com。

为了查找元素，我们使用 find_element_by_css_selector 方法，传递 CSS 选择器字符串 'div.content > p.intro'。此选择器以类为 intro 的元素为目标，该元素位于类为 content的内。

找到元素后，打印其文本内容。CSS 选择器提供了广泛的元素选择功能。您可以使用各种模式来精确定位元素，使其成为使用 Selenium 进行网页抓取的多功能工具。下面是几则不同 CSS 选择器的示例：