软件测试/测试开发/全日制|Python selenium CSS定位方法详解

元素

伪属性选择器

伪属性选择器是指元素在html中实际并不存在该属性，是由css定义的拓展描述属性

选择器格式示例示例说明唯一子元素:only-childp:only-child选择所有

元素且该元素是其父级的唯一一个元素第一子元素:first-childp:first-child选择所有

元素且该元素是其父级的第一个元素最后子元素:last-childp:last-child选择所有

元素且该元素是其父级的最后一个子元素顺序选择器:nth-child(n)p:nth-child(2)选择所有

元素且该元素是其父级的第二个子元素顺序类型选择器:nth-of-type(n)p:nth-of-type(2)选择所有

元素且该元素是其父级的第二个

元素倒序选择器:nth-last-child(n)p:nth-last-child(2)选择所有

元素且该元素是其父级的倒数第二个子元素倒序类型选择器:nth-last-of-type(n)p:nth-last-of-type(2)选择所有

元素且该元素是其父级的倒数第二个

元素

使用示例

通过id选择器查找

通过css定位的id属性查找百度首页的输入框元素，代码如下：

from selenium import webdriver

from selenium.webdriver.common.by import By

driver = webdriver.Chrome()

driver.get("https://www.baidu.com") #打开网页

driver.maximize_window()

element = driver.find_element(By.CSS_SELECTOR, '#kw')

print(element)

通过class选择器查找

通过元素的.class属性值查找元素，我们还是以百度首页的输入框为例，代码如下：

from selenium import webdriver

from selenium.webdriver.common.by import By

driver = webdriver.Chrome()

driver.get("https://www.baidu.com") #打开网页

driver.maximize_window()

element = driver.find_element(By.CSS_SELECTOR, '.s_ipt')

print(element)

通过标签定位

我们继续使用百度首页输入框为例，输入框一般有input标签，代码如下：

from selenium import webdriver

from selenium.webdriver.common.by import By

driver = webdriver.Chrome()

driver.get("https://www.baidu.com") #打开网页

driver.maximize_window()

element = driver.find_element(By.CSS_SELECTOR, 'input')

print(element)

层级选择器

根据元素的父子关系来选择，实例：直接子元素层级关系，使用>号，继续以百度首页的搜索框为例，代码如下：

from selenium import webdriver

from selenium.webdriver.common.by import By

driver = webdriver.Chrome()

driver.get("https://www.baidu.com") #打开网页

driver.maximize_window()

element = driver.find_element(By.CSS_SELECTOR, '.bg.s_ipt_wr > input')

print(element)

注：如果两个元素之间不是直接的子元素关系，我们需要使用空格隔开，当有多级的层级关系时，我们可以使用duoge>符号，示例如下：

from selenium import webdriver

from selenium.webdriver.common.by import By

driver = webdriver.Chrome()

driver.get("https://www.baidu.com") #打开网页

driver.maximize_window()

element = driver.find_element(By.CSS_SELECTOR, 'form input')

print(element)

------------------------------------

from selenium import webdriver

from selenium.webdriver.common.by import By

driver = webdriver.Chrome()

driver.get("https://www.baidu.com") #打开网页

driver.maximize_window()

element = driver.find_element(By.CSS_SELECTOR, 'form > span > input')

print(element)

总结

CSS定位是非常高效的一种定位方式，代码也非常简洁，相对于xpath定位方法来说，它的定位速度快，在能够使用CSS定位的情况下，推荐使用CSS定位来实现元素的定位。希望本文能够帮到大家！

获取更多技术资料，请点击！

好文链接

 您阅读本篇文章共花了：