css样式选择器

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