css样式选择
执行效率高 是浏览器用来选择元素的(优先选择CSS选择器)
选择元素方法:tag /id、 class
》根据tag名
p{ color:red}
driver.find_element_by_css_selector(‘p’);
》根据id
#food{color:red}
driver.find_element_by_css_selector(’#food’);
》根据class
.food{color:red}
driver.find_element_by_css_selector(’.food’);
》根据tag名和class 组合写
span.Vegetable{color:red}
driver.find_element_by_css_selector(‘span.Vegetable’);
CCS 后代选择器
语法:
选择元素1中所有的元素2
可以是子节点也可以不是
子选择器
选择元素的子元素,最后一个元素是选择的元素
语法 :span>a
组合使用的情况下 使用’ 逗号 ‘隔开
语法:,
#food>span,a 选择food 下的所有span 和所有的a元素
#food>span,# food>a 选择food 下的所有span 和food下的a元素
#food>* 选择food下的所有子元素
兄弟节点选择
选择紧接在另外一个元素后的元素,二者有相同的父元素
例:
#food + div
#many >div >p.special +p
选择在另外一个元素后的元素,二者有相同的父元素
例“#food ~ div