首页 > 代码库 > 通过 css_selector 定位元素

通过 css_selector 定位元素

常用符号数码:
# 表示id
. 表示class
> 表示子元素,层级
一个空格也表示一个子元素,但是所有的子元素相当于xpath中的相对路径,举个例子driver.find_element_by_xpath(‘//div//inptut‘),可以写成driver.find_element_by_css_selector(‘div input‘)

常用方法举列:
#input 选择id为input的节点
.Volvo 选择class为Volvo的节点
div#radio>input 选择id为radio的div下的所有的input节点
div#radio input 选择id为radio的div下的所有的子孙后代input节点
div#radio>input:nth-of-type(4) 选择id为radio的div下的第4个input节点
div#radio>nth-child(1) 选择id为radio的div下的第1个子节点
div#radio>input:nth-of-type(4)+label 选择id为radio的div下的第4个input节点之后挨着的label节点
div#radio>input:nth-of-type(4)~labe 选择id为radio的div下的第4个input节点之后的所有label节点
input.Vovlo[name=‘identity‘] 选择class为.Volvo并且name为identity的input节点
input[name=‘identity‘][type=‘radio‘]:nth-of-type(1) 选择name为identity且type为radio的第1个input节点
input[name^=‘ident‘] 选择以ident开头的name属性的所有input节点
input[name$=‘entity‘] 选择以‘entity‘结尾的name属性的所有input节点
input[name*=‘enti‘] 选择包含‘enti‘的name属性的所有input节点
div#radio>*.not(input) 选择id为radio的div的子节点中不为input的所有子节点
input:not([type=‘radio‘]) 选择input节点中type不为radio的所有节点
input:contains("OK") 选择input的值是OK的节点


通过 css_selector 定位元素