Selenium之find_element_by_css_selector()的使用方法

Selenium之find_element_by_css_selector()的使用方法

转载：https://www.jianshu.com/p/229b9e48cc4f

以百度搜索首页为例，我们要定位到搜索输入框的话，应该如何写呢？

单属性查找

# 1.用 标签名 定位查找
driver.find_element_by_css_selector("input")

# 2.用 id 属性定位查找 
driver.find_element_by_css_selector("kw")

# 3.用 class 属性定位查找
driver.find_element_by_css_selector("s_ipt")

# 4.其他属性定位
driver.find_element_by_css_selector("[name="wd"]")

组合属性查找

# 1. 标签名及id属性值组合定位

driver.find_element_by_css_selector("input#kw")

# 2.  标签名及class属性值组合定位

driver.find_element_by_css_selector("input.s_ipt")

# 3. 标签名及属性（含属性值）组合定位

driver.find_element_by_css_selector("input[name="wd"]")

# 4. 标签及属性名组合定位

driver.find_element_by_css_selector("input[name]")

# 5. 多个属性组合定位

driver.find_element_by_css_selector("[class="s_ipt"][name="wd"]")

模糊匹配示例 ， 如需匹配下图中的class

代码

# 1. class拥有多个属性值，只匹配其中一个时
driver.find_element_by_css_selector("input[class ~= "bg"]")

# 2. 匹配以字符串开头的属性值
driver.find_element_by_css_selector("input[class ^= "bg"]")

# 3. 匹配以字符串结尾的属性值
driver.find_element_by_css_selector("input[class $= "s_btn"]")

# 4. 匹配被下划线分隔的属性值
driver.find_element_by_css_selector("input[class |= "s"]")

层级查找

# 1.直接子元素层级关系，如上图的 百度一下 ，input为span的直接子元素(用 > 表示)
driver.find_element_by_css_selector(".bg.s_btn_wr > input")
# class为bg和s_btn_wr 的span标签的子元素input

# 2.只要元素包含在父元素里面，不一定是直接子元素，用空格隔开，如图一所示，form 下面的 span 里面的input
driver.find_element_by_css_selector("#form input")
# id是form的form标签里面的input标签

# 3.多级关系
driver.find_element_by_css_selector("#form > span > input")
# id是form的form标签下面的span标签的下面的input标签

#其他
p:nth-child(1)             # 选择第一个p标签，还可写为 p:first-child
p:nth-last-child(1)        # 选择倒数第一个p标签（要保证最后一个标签是p）
p:only-child       		   # 唯一的p标签