元素定位教学 · CSS 选择器定位

CSS 选择器定位语法：
单个元素 (find_element)
driver.find_element(By.CSS_SELECTOR, "html body div.container div.product-list div.product-card") （绝对路径）
driver.find_element(By.CSS_SELECTOR, "#userName") （id 选择器）
driver.find_elements(By.CSS_SELECTOR, ".product-card") （class 选择器）
driver.find_element(By.CSS_SELECTOR, "input[name='email']") （属性选择器）
driver.find_element(By.CSS_SELECTOR, "input[name]") （属性名称选择器）
driver.find_element(By.CSS_SELECTOR, "a[href*='selenium']") （部分属性值选择器）
driver.find_element(By.CSS_SELECTOR, "a") （标签名选择器）
driver.find_element(By.CSS_SELECTOR, ".product-card:nth-child(3)") （伪类选择器）
driver.find_element(By.CSS_SELECTOR, "div.product-list > div.product-card") （父子层级）
多个元素 (find_elements)
driver.find_elements(By.CSS_SELECTOR, "html body div.container div.product-list div.product-card") （绝对路径）
driver.find_elements(By.CSS_SELECTOR, "#userName") （id 选择器）
driver.find_elements(By.CSS_SELECTOR, ".product-card") （class 选择器）
driver.find_elements(By.CSS_SELECTOR, "input[name='email']") （属性选择器）
driver.find_elements(By.CSS_SELECTOR, "input[name]") （属性名称选择器）
driver.find_elements(By.CSS_SELECTOR, "a[href*='selenium']") （部分属性值选择器，href 以 https 开头）
driver.find_elements(By.CSS_SELECTOR, "a") （标签名选择器）
driver.find_elements(By.CSS_SELECTOR, ".product-card:nth-child(3)") （伪类选择器）
driver.find_elements(By.CSS_SELECTOR, "div.product-list > div.product-card") （父子层级）
特点：浏览器原生支持，语法简洁，定位速度通常比 XPath 更快。常用符号：^= 开头 $= 结尾 *= 包含。